Tabs
Tabs organize content across different screens and views
- Use tabs to group content into helpful categories
- Tabs can horizontally scroll, so a UI can have as many tabs as needed
- Tabs have two color palettes: action and secondary-action
- Place tabs next to each other as peers
Example
Overview content
Features content
Pricing content
Overview content
Features content
Pricing content
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Use tabs to group content into helpful categories
- Tabs can horizontally scroll, so a UI can have as many tabs as needed
- Tabs have two color palettes: action and secondary-action
- Place tabs next to each other as peers
Example
Overview content
Features content
Pricing content
Overview content
Features content
Pricing content
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Use tabs to group content into helpful categories
- Tabs can horizontally scroll, so a UI can have as many tabs as needed
- Tabs have two color palettes: action and secondary-action
- Place tabs next to each other as peers
Example
Overview content
Features content
Pricing content
Overview content
Features content
Pricing content
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Use tabs to group content into helpful categories
- Tabs can horizontally scroll, so a UI can have as many tabs as needed
- Tabs have two color palettes: action and secondary-action
- Place tabs next to each other as peers
Example
Overview content
Features content
Pricing content
Overview content
Features content
Pricing content
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |