Module / v1.0.0-beta.13

@typed/ui/Tab

15 unique exports available through this public import path, including their members and aliases.

Learn this UI primitive →

import * as Tab from "@typed/ui/Tab";

Panel activation

  • select

    function

    Selects a tab and makes it the active roving-focus item.

Panel activation policy

  • ActivationMode

    type-alias

    Controls whether moving focus also selects a tab.

Panel visibility

  • Panel

    function

    Renders a labelled tabpanel and hides it reactively when its tab is not selected.

  • PanelOptions

    interface

    Inputs accepted by Tabs.Panel in addition to the shared DOM host options.

Selection and focus

  • InitialState

    interface

    Initial Tabs values. The caller supplies value; activeId defaults to value, activation is automatic, orientation horizontal, and loop true.

  • State

    interface

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

  • StateSchema

    variable

    Effect Schema used by makeState to encode, decode, and hydrate Tabs state.

  • makeState

    function

    Creates hydrated Tabs state. The caller supplies value; activeId defaults to value, activation is automatic, orientation horizontal, and loop true.

Tab controls

  • Tab

    function

    Renders and optionally registers a tab with stable aria-controls, selected state, and roving tabindex.

  • TabOptions

    interface

    Inputs accepted by Tabs.Tab in addition to the shared DOM host options.

Tab list

  • List

    function

    Renders the tablist and applies orientation-aware movement plus Enter/Space activation in manual mode.

  • ListOptions

    interface

    Inputs accepted by Tabs.List in addition to the shared DOM host options.

Tab navigation

  • Orientation

    type-alias

    Supported composite movement axes.

  • move

    function

    Moves activeId through registered tabs without selecting under manual activation.

Tab registration