Status
The status of the component
Component checklist
Ready for use!
Figma component
A link to the Figma library where the component lives.
Repository
A link to the repo where the component lives.
Usage
Labels must include text
Do
Tab labels can include icons along with text but not only an icon.
Don't
Tab labels should not only have an icon.
Use a tooltip for long tab labels
Do
For long tab labels that get truncated, must have a tooltip on hover displaying the full label.
Don't
Show a tooltip for accessibility.
Nested Tabs
Do
Avoid having multiple levels of tabs. Instead, consider using other forms of organization.
Don't
Do not compromise having a clear hierarchy by using the same variations or orientations of tabs.