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

    Class UITabGroup

    A tabbed container that manages tab headers and lazy-renders the active tab's content panel.

    <ui-tab-group>
      <ui-tab label="Overview">Overview content</ui-tab>
      <ui-tab label="Details">Details content</ui-tab>
      <ui-tab label="History" [disabled]="true">Disabled</ui-tab>
    </ui-tab-group>
    Index

    Constructors

    constructor

    Properties

    activeIndex activeTab ariaLabel disabled panelStyle resolvedPanelStyle resolvedTabPosition selectedIndex tabAlign tabPosition

    Methods

    selectTab

    Constructors

    • Returns UITabGroup

    Properties

    activeIndex: WritableSignal<number> = ...

    The currently active tab index.

    activeTab: Signal<UITab> = ...

    The currently active tab.

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

    Accessible label for the tab list.

    disabled: InputSignal<boolean> = ...

    Whether the tab group is disabled.

    panelStyle: InputSignal<TabPanelStyle | undefined> = ...

    Visual style of the content panel: flat, outline, or raised.

    resolvedPanelStyle: Signal<TabPanelStyle> = ...

    Resolved panel style (input wins, then injected default).

    resolvedTabPosition: Signal<TabPosition> = ...

    Resolved tab position (input wins, then injected default).

    selectedIndex: InputSignal<number> = ...

    Index of the initially selected tab.

    tabAlign: InputSignal<TabAlignment> = ...

    Alignment of the tab headers within their strip.

    tabPosition: InputSignal<TabPosition | undefined> = ...

    Position of the tab headers: top, bottom, left, or right.

    Methods

    • Select a tab by index.

      Parameters

      • index: number

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods