Tabs
Tabs
Data Display
Tabbed interface with keyboard navigation, lazy loading, and orientation options
Basic Usage
Make changes to your account here.
Vertical Orientation
Listen to your favorite music.
Custom Styled
Sign in form goes here.
Usage Guidelines
When to Use
- Organized content
- Settings pages
- Dashboard sections
Accessibility
- Arrow keys to switch tabs
- ARIA tablist pattern
Performance
- Lazy panel loading
- Memoized content
Common Mistakes
- Too many tabs (use navigation)
- Tab labels that are too long
Frequently Asked Questions
Yes, tab content can be lazy loaded to improve performance.
Yes, Tabs support both horizontal and vertical orientations.
Related Components
View allAccordion
Collapsible content sections with single/multiple expansion modes, animation, and keyboard navigation
Avatar
User avatar with image loading, fallback text generation, status indicators, and shape variants
AvatarGroup
Stacked avatar display with overflow handling, max count configuration, and hover expansion
Badge
Status indicator with variant system, dot mode, positioning, and pulsing animation support