← Back to catalog
Tabs
StableSwitches between mutually exclusive panels sharing one region of the page.
Client examples
Arrow keys move between triggers and activate the matching panel; Tab exits the tablist as one stop.
Panel one, reached by arrow key or click.
Accessibility notes
- Every TabsTrigger needs visible, distinguishing text. Icon-only tabs must add an aria-label.
- Don't nest interactive widgets that also claim arrow-key navigation inside a TabsContent panel without testing focus order.