Tab

Import

import { Tab } from "@typed/ui";

This public exposure is a re-export. Its import path is supported; declaration documentation is shared with the other public exposures below.

Signatures

export * as Tab from "./Tab.js";

Members

• Tab.ActivationMode

  Controls whether moving focus also selects a tab.

• Tab.InitialState

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

• Tab.List

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

• Tab.ListOptions

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

• Tab.Orientation

  Supported composite movement axes.

• Tab.Panel

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

• Tab.PanelOptions

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

• Tab.State

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

• Tab.StateSchema

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

• Tab.Tab

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

• Tab.TabOptions

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

• Tab.makeCollection

  Creates a scoped Collection for Tabs items.

• Tab.makeState

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

• Tab.move

  Moves activeId through registered tabs without selecting under manual activation.

• Tab.select

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

Other public imports

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

• Tab from @typed/ui/index

Source

• packages/ui/src/Tab.ts:25