Documented
The component is fully documented
Figma component
Includes a link to a Figma component that has been imported to Supernova
Status
The component has a health status indicated
Healthy
Overview
Switch tabs are an alternative to tabs, however switch tabs are used within container blocks rather than pages.
Usage
- Always position switch tabs within a bar format
- Never add padding or margin in between tabs
- Always position tab bars at the top of a content block.
- Tab bars should be short in length (perfect for modals) and should never stretch the full width of the page or page grid.
Variants
