Pelican Design System
Tabbed Content
Tabbed Content
Tabs group related content, allowing users to see only what they want to see.
On this page:
Best Practices
- Tabbed content allows users to choose which content they want to see.
- Use tabbed content to present small bits of content at a time.
- Tabs are for selective content display, not navigation or a process.
- You may need to put tabbed content into Layout Grid items.
- Tab controls change their appearance at the large breakpoint but this can be adjusted in the markup
Usage
See the Pen Status by LA Gov Design Team (@lagovdesignteam) on CodePen.