UMD Web Components Library
    Preparing search index...

    Variable CardEventTimeConst

    CardEventTime: ComponentRegistration = ...

    Event Time Card

    A card component for displaying event time information in a two-column layout (content + image). Emphasizes time range display with optional location, information, description, and CTA slots. Supports dark mode.

    <umd-element-event-time>

    • headline - Event title (accepts: h2-h6, p)
    • start-time - Event start time (required, time element)
    • end-time - Event end time (optional, time element)
    • location - Event location
    • information - Additional info text
    • text - Event description
    • actions - CTA links
    • image - Event image
    • data-theme - Theme styling options:
      • dark - Dark theme styling
    <umd-element-event-time>
      <h3 slot="headline">Event Title</h3>
      <time slot="start-time" datetime="2024-03-15T10:30:00">2024-03-15T10:30:00</time>
      <time slot="end-time" datetime="2024-03-15T12:00:00">2024-03-15T12:00:00</time>
      <p slot="location">Oak Creek Golf Club</p>
      <p slot="information">Info text</p>
      <p slot="text">Event description.</p>
      <a slot="actions" href="#">Contact for questions</a>
      <img slot="image" src="event.jpg" alt="Event">
    </umd-element-event-time>

    1.18.0

    Settings

    Member Visibility

    On This Page

    Custom ElementSlotsAttributes