Tabbed interfaces with full keyboard support and optional responsive disclosure behavior.
Root + 4 atoms / Accessible / Composable
Looping preview · keyboard + ARIA included
Tabs owns the parts that are tedious and easy to get wrong – so you can focus on the layout and the brand.
Different structures made from the same atoms.
Feature Section 20 styles Tabs Trigger as cards, but the family remains Tabs List plus paired Tabs Content panels.
Feature Section 20Testimonial 8 uses the same Tabs Trigger and Tabs Content atoms for a vertical step-by-step story.
Testimonial 8The responsive fallback belongs to Tabs root behavior; the authored atoms stay Tabs List, Tabs Trigger, and Tabs Content.
Component modelExpandable sections with keyboard nav, ARIA, and animated panels.
i-layers / Root + 4 atomsView familyFocus-trapped modal overlays with title, description, and close.
i-frame / Root + 5 atomsView familySlide-in panels with focus trap and escape close.
i-sidebar / Root + 5 atomsView family