UMD Web Components Library
    Preparing search index...

    Variable promoConst

    promo: ComponentRegistration = ...

    Promotional Banner

    A banner component for highlighting promotional content or special announcements.

    <umd-element-banner-promo>

    • headline - Banner title (required, accepts: h2-h6, p)
    • text - Banner content (required, accepts: div, p)
    • actions - Optional action buttons or links
    • body - Deprecated: Use text slot instead
    • data-theme - Theme options:
      • dark - Dark background theme
    • data-visual-icon - Icon options:
      • seal - Include university seal icon
    <!-- Basic promo banner -->
    <umd-element-banner-promo>
      <h2 slot="headline">Spring 2024 Applications Now Open</h2>
      <p slot="text">Join Maryland's flagship university. Apply by March 1st.</p>
      <div slot="actions">
        <a href="/apply">Apply Now</a>
      </div>
    </umd-element-banner-promo>

    <!-- Dark theme with university seal -->
    <umd-element-banner-promo data-theme="dark" data-visual-icon="seal">
      <h3 slot="headline">Presidential Scholarship Available</h3>
      <div slot="text">
        <p>Full tuition coverage for exceptional students.</p>
        <p>Limited spots available.</p>
      </div>
      <div slot="actions">
        <button>Learn More</button>
      </div>
    </umd-element-banner-promo>

    1.0.0

    Settings

    Member Visibility

    On This Page

    Custom ElementSlotsAttributes