UMD Web Components Library
    Preparing search index...

    Variable logoConst

    logo: ComponentRegistration = ...

    Logo Hero Component

    A hero component that emphasizes the University of Maryland logo. Perfect for brand-focused pages and official communications.

    <umd-element-hero-logo>

    • eyebrow - Small text above headline
    • headline - Main hero heading (required)
    • text - Supporting text content
    • image - Hero image
    • actions - Call-to-action buttons/links
    • data-theme - Theme options:
      • dark - Dark theme styling
      • light - Light theme styling
      • maryland - Maryland theme styling
    <!-- Basic logo hero -->
    <umd-element-hero-logo>
      <h1 slot="headline">University of Maryland</h1>
      <p slot="text">A global leader in research, entrepreneurship and innovation</p>
      <img slot="image" src="campus-beauty.jpg" alt="Campus scene">
    </umd-element-hero-logo>

    <!-- Dark theme logo hero with actions -->
    <umd-element-hero-logo data-theme="dark">
      <p slot="eyebrow">Office of the President</p>
      <h1 slot="headline">A Message from President Pines</h1>
      <p slot="text">
        Together, we are fearlessly forward in our pursuit of excellence
        and impact for the public good.
      </p>
      <div slot="actions">
        <a href="/president/message">Read Full Message</a>
        <a href="/president/initiatives">Presidential Initiatives</a>
      </div>
    </umd-element-hero-logo>

    1.0.0

    Settings

    Member Visibility

    On This Page

    Custom ElementSlotsAttributes