Tabs

Tabs are a UI component used to organize and navigate between related sections of content within the same context. They display one panel at a time, helping users switch between different views or subsections of a single topic without leaving the page.

• Can be controlled or uncontrolled

• Supports horizontal/vertical orientation and RTL direction

• Full keyboard navigation

• Multiple sizes

• Animated with Motion

• Respects reduce motion with system settings and through props

• State synced with search params using nuqs