UMD Web Components Library
    Preparing search index...

    Variable alertPageConst

    alertPage: ComponentRegistration = ...

    Page Alert

    A page-level alert component for displaying important messages with optional icons.

    <umd-element-alert-page>

    • headline - Alert title (required, accepts: h2-h6, p)
    • text - Alert content (required, accepts: div, p)
    • actions - Optional action buttons or links
    • body - Deprecated: Use text slot instead
    • data-theme - Theme options:
      • light - Light background theme
      • dark - Dark background theme
    • data-visual-icon - Icon display options:
      • show - Display alert icon indicator
    <!-- Basic page alert -->
    <umd-element-alert-page>
      <h3 slot="headline">Important Notice</h3>
      <p slot="text">Classes will be held remotely today.</p>
    </umd-element-alert-page>

    <!-- Dark theme with icon -->
    <umd-element-alert-page data-theme="dark" data-visual-icon="show">
      <h2 slot="headline">Emergency Alert</h2>
      <div slot="text">
        <p>Campus is closed due to severe weather.</p>
      </div>
      <div slot="actions">
        <a href="/emergency">View Details</a>
      </div>
    </umd-element-alert-page>

    1.0.0

    Settings

    Member Visibility

    On This Page

    Custom ElementSlotsAttributes