Tabs

stable llms.txt

Tabbed interface for organizing content into separate views with keyboard navigation and active state management.

Installation

bash

ts

Preset Configuration

Customize the appearance using presets

Examples

Explore different variations and use cases

Basic Tabs

Standard tabbed navigation.

API Reference

Accessibility

ARIA tabs pattern (`role="tablist"` on `Tabs.Header`, `role="tab"` on `Tab.Header`, `role="tabpanel"` on `Tab.Body`)
`aria-controls` linking each tab trigger to its content panel
`aria-labelledby` / `aria-describedby` on content panels
`aria-disabled` reflects the `disabled` prop on `Tab.Root`
`aria-orientation="horizontal"` on the root container
`data-active` attribute on both header and body for CSS state targeting