UMD Web Components Library
    Preparing search index...

    Variable displayConst

    display: ComponentRegistration = ...

    Call-to-Action

    A web component that enhances buttons and links with consistent UMD styling.

    <umd-element-call-to-action>

    • text - Additional text content for links (optional, accepts: a)
    • plainText - Deprecated: Use text slot instead
    • data-display - Display style options:
      • primary - Primary button style (red background)
      • secondary - Secondary button style
      • outline - Outline button style
    • data-visual-size - Size options:
      • large - Larger button size
    • data-theme - Theme options:
      • dark - Dark theme variant
      • gold - Gold theme variant
    <!-- Primary button -->
    <umd-element-call-to-action data-display="primary">
      <button>Apply Now</button>
    </umd-element-call-to-action>

    <!-- Large secondary link -->
    <umd-element-call-to-action data-display="secondary" data-visual-size="large">
      <a href="/learn-more">Learn More</a>
    </umd-element-call-to-action>

    <!-- Outline button with dark theme -->
    <umd-element-call-to-action data-display="outline" data-theme="dark">
      <button>Contact Us</button>
    </umd-element-call-to-action>

    <!-- Link with additional text -->
    <umd-element-call-to-action>
      <a href="/admissions" slot="text">View admission requirements</a>
    </umd-element-call-to-action>

    1.0.0

    Settings

    Member Visibility

    On This Page

    Custom ElementSlotsAttributes