Accordion Block
Multi-open (Toggle) mode
Multiple panels can be expanded simultaneously
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Single-open (Radio) mode
Only one panel open at a time (others close automatically)
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Card
Accordion Block RTL
Multi-open (Toggle) mode RTL
Multiple panels can be expanded simultaneously
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Single-open (Radio) mode RTL
Only one panel open at a time (others close automatically)
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Card
Tabs Block
Tabbed content with automatic breakpoint fallback to accordion
Tabs
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs Start
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs Center
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs End
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Side Tabs
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Side Tabs End
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs Block RTL
Tabbed content with automatic breakpoint fallback to accordion
Tabs
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs Start
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs Center
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs End
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Side Tabs
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Side Tabs End
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs Block
Customize colors, fonts, spacing
Tabs
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs Start
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs Center
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Tabs End
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Side Tabs
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!
Card
Side Tabs End
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization
Flexible inner content per panel Smooth expand/collapse animations Full design control over panels, headers, and content Keyboard accessible with ARIA attributes Easy style customization.
Can even set the default padding of the content to 0!