Tabs
Tabs organize content across different screens, data sets, and other interactions.
Overview · Specs · Guidelines · Accessibility
- Use tabs to group content into helpful categories
- Two variants: primary and secondary
- Tabs can horizontally scroll, so a UI can have as many tabs as needed
- Place tabs next to each other as peers
- Primary tabs
- Secondary tabs
Availability & resources
| Type | Resource | Status |
|---|---|---|
| Design | Design Kit (Figma) | Available |
| Implementation | Flutter | Available |
| Implementation | Jetpack Compose | Available |
| Implementation | Android Views (MDC-Android) | Available |
| Implementation | Web | Available |
Differences from M2
- Color: New color mappings and compatibility with dynamic color
- Layout: Icons and labels are now vertically centered within the container
Tab icons and labels are positioned in the vertical center of the container