Skip to main content
zerotal

Documentation

Documentation / @zerotal/flow / index / Tabs

Function: Tabs()

Tabs(props): HtmlNode

Defined in: flow/src/components.ts:660

A tabbed panel set built from an items array, with a role="tablist", roving arrow-key navigation and correct tab/tabpanel ARIA wiring. Selection is client-only (Alpine); the first item is active initially.

Parameters

props

TabsProps

Returns

HtmlNode

Remarks

Each item supplies a label, its panel content, and an optional name used as the stable id (defaults to the index).

Example

<Tabs items={[
  { label: "Profile", content: <ProfileForm /> },
  { label: "Billing", content: <BillingForm /> },
]} />