@theredhead — Frontend Library - v0.2.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 gradient gradientIntensity interactive variant

    Constructors

    Properties

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

    Accessible label for the card region.

    gradient: InputSignal<CardGradient> = ...

    Optional accent-based background gradient.

    gradientIntensity: InputSignal<number> = ...

    Opacity of the accent color in the gradient, clamped to the range 0..1.

    Controls the strength of the accent color in the gradient.

    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