Tabs

Tabbed interface built on Radix Tabs. Line, pills, and enclosed variants.

Installation

Examples

Line variant (default)

Underline indicator on the active tab.

Overview tab content goes here.

Pills variant

Segmented control style.

API Reference

PropTypeDefaultDescription
valuestring—Controlled active tab.
onValueChange(v: string) => void—Called when tab changes.
variant'line'|'pills'|'enclosed''line'Visual style.
orientation'horizontal'|'vertical''horizontal'Layout direction.