Browse the docs

PreviousChatbot NextTable

Components

Tabs

Switch between views of the same subject.

Install

npx shadcn@latest add @stardust/tabs

Examples

Basic

Revenue is up 12% this month.

Examples are React. The Vue components take the same props and variants; only the template syntax differs.

Usage

Do

Keep tab labels short and parallel.
Use for 2 to 6 views.

Don’t

Don't use tabs for steps in a process.

Accessibility

Arrow keys move between tabs.