Components

The Tabs components include the following:

  • Tabs - A flexible container for tab navigation.
  • Tab - A single tab trigger in a tab set.
  • TabContent - Container for tab content that shows when the tab is active.

Tabs

The Tabs component is a flexible wrapper for tab navigation. It manages tab state and provides context to its child Tab and TabContent components. Use Tabs to create accessible, keyboard-navigable tab interfaces.

Tab

The Tab component defines a clickable tab trigger. It must be used as a child of Tabs and should immediately precede its corresponding TabContent.

TabContent

The TabContent component displays content for its associated tab. It is shown only when the corresponding tab is active.