@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Class UICard

    A versatile content container with optional header, body, and footer slots.

    Cards are the primary surface for grouping related content and actions. They support three visual variants that control elevation, border, and background treatment.

    <ui-card>
      <ui-card-header>Title</ui-card-header>
      <ui-card-body>Content goes here</ui-card-body>
      <ui-card-footer>
        <ui-button>Action</ui-button>
      </ui-card-footer>
    </ui-card>
    Index

    Constructors

    constructor

    Properties

    ariaLabel interactive variant

    Constructors

    Properties

    ariaLabel: InputSignal<string | undefined> = ...

    Accessible label for the card region.

    interactive: InputSignal<boolean> = ...

    Whether the card responds to hover/focus with visual feedback. Enable for clickable cards that act as navigation targets.

    variant: InputSignal<CardVariant> = ...

    Visual variant controlling elevation, border, and background.

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties