interface / @typed/ui/Tabs

State

The visible panel selection, focused tab identity, and activation policy. Manual activation allows activeId to differ from selectedId until the user commits.

Learn this UI primitive →

Package version
1.0.0-beta.7
Category
Selection and focus
Since
1.0.0

Import

import { State } from "@typed/ui/Tabs";

Signatures

export interface State extends Omit<Composite.State, "orientation"> {
    readonly orientation: Orientation;
    readonly selectedId: string;
    readonly activeId: string;
    readonly activationMode: ActivationMode;
}

Property: activationMode

Whether tab focus also selects automatically or waits for explicit activation.

Property: activeId

Id currently active for keyboard navigation; null means no active item.

Property: orientation

Axis used to interpret Arrow-key movement.

Property: selectedId

Id whose value is currently selected.

Other public imports

These import paths expose the same declaration. Each page retains its own public name and signature.

Source