Studiov0.6.0

Tabs

Tier 1 — shadcn
Navigation

Organizes content into panels accessible via a horizontal tab bar.

Live Preview

Overview content here.

Code

import { Tabs } from "@regen/ui";

<Tabs />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Settings pages with multiple sections
  • •Dashboard detail views
  • •Multi-step flows

Do

  • ✓Default to the most commonly used tab
  • ✓Use aria-label on TabsList for screen readers

Don't

  • ✗Don't use for wizard/stepper flows — use steps
  • ✗Don't use more than 6 tabs — consider accordion