Navigation
Tabs
Tabs split content belonging to one object into panels the user flips between without leaving the page. A single underline moves between triggers under shared layout rather than switching off in one place and on in another, so the eye tracks the change instead of hunting for it. The leaving panel hands off to the arriving one with a fade-rise, and the arrow keys walk the bar.
npx shadcn@latest add @minflow/tabsWhere to use it
- Views of a single record: overview, activity, settings.
- Two to five short labels that fit on one line without wrapping.
- Never for steps in a sequence, and never where each panel is really its own page; use navigation for those.
Variations
Standard bar
The default. A few panels, the first one open, the ink line resting under it.
Opening elsewhere
When the user should land on a panel other than the first, such as the one the route or their last visit points at.
With glyphs
When a leading glyph makes the labels quicker to tell apart, which matters most in a narrow panel.