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

    Class UISkeleton

    An animated shimmer placeholder displayed while content is loading.

    Use variant="text" with a lines count for multi-line text blocks, variant="rect" for images or cards, and variant="circle" for avatars.

    <!-- Multi-line text placeholder -->
    <ui-skeleton variant="text" [lines]="3" />

    <!-- Card image placeholder -->
    <ui-skeleton variant="rect" width="100%" height="200px" />

    <!-- Avatar placeholder -->
    <ui-skeleton variant="circle" width="3rem" height="3rem" />
    Index

    Constructors

    constructor

    Properties

    animated ariaLabel height lines variant width

    Constructors

    Properties

    animated: InputSignal<boolean> = ...

    Whether to play the shimmer animation.

    ariaLabel: InputSignal<string> = ...

    Accessible label for screen readers.

    height: InputSignal<string> = ...

    CSS height applied to the host element. For variant="text" the height is driven by lines instead.

    lines: InputSignal<number> = ...

    Number of text lines to render (only used when variant="text").

    variant: InputSignal<SkeletonVariant> = ...

    Shape variant.

    width: InputSignal<string> = ...

    CSS width applied to the host element.

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties