Tabs
Tabs organize content into separate, easily navigable sections.
Tabs
Coming soon
New
3
components
,
152
variants
,
styles
Tabs
Base Components
Overview
Tabs are a UI component that organize content into separate sections, allowing users to navigate between them without leaving the page.
When should you use them?
Use tabs to categorize and present content that is related but needs to be viewed separately, such as different sections of a form or various content categories.
How should you use them?
- Clearly label each tab to indicate its content.
- Ensure the active tab is visually distinct.
- Provide smooth transitions between tab content.
- Make tabs keyboard accessible and screen reader friendly.
- Keep the number of tabs manageable to avoid clutter.
No previous post
No next post