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

    Class UITab

    A single tab panel within a <ui-tab-group>.

    Content is lazily rendered — only the active tab's content is stamped into the DOM.

    At least one of label or icon must be provided. When only an icon is set, provide an ariaLabel so the tab remains accessible to screen readers.

    <ui-tab label="Settings" [icon]="UIIcons.Lucide.Actions.Settings">
      <p>Settings content here</p>
    </ui-tab>

    <!-- Icon-only tab (ariaLabel required for accessibility) -->
    <ui-tab [icon]="UIIcons.Lucide.Actions.Settings" ariaLabel="Settings">
      <p>Settings content here</p>
    </ui-tab>
    Index

    Constructors

    constructor

    Properties

    ariaLabel disabled icon label

    Constructors

    • Returns UITab

    Properties

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

    Accessible label for the tab button. Required when no visible label is provided (icon-only tabs).

    disabled: InputSignal<boolean> = ...

    Whether this tab is disabled.

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

    Optional SVG icon content displayed before the label.

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

    The text label displayed in the tab header. Optional when icon is set.

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties