Search documentation

Search by topic, API name, or import path.

GitHub ↗

namespace / @typed/ui

Tabs

Public namespace exposed as Tabs from @typed/ui.

Learn this UI primitive →

Package version
1.0.0-beta.7
Category
namespace

Import

import { Tabs } 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 Tabs from "./Tabs.js";

Members

  • Tabs.ActivationMode

    Controls whether moving focus also selects a tab.

  • Tabs.InitialState

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

  • Tabs.List

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

  • Tabs.ListOptions

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

  • Tabs.Orientation

    Supported composite movement axes.

  • Tabs.Panel

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

  • Tabs.PanelOptions

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

  • Tabs.State

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

  • Tabs.StateSchema

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

  • Tabs.Tab

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

  • Tabs.TabOptions

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

  • Tabs.makeCollection

    Creates a scoped Collection for Tabs items.

  • Tabs.makeState

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

  • Tabs.move

    Moves activeId through registered tabs without selecting under manual activation.

  • Tabs.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.

Source