Updated 18 December 2024
Tabs







Updated 18 Dec 2024View Figma
Updated 18 Dec 2024View Figma
Use to alternate among related views within the same context.
States
Properties
Fitted
Use the `Fitted` property to allow each tab to fill the available space.
Visible tabs
Toggle the number of tabs visible using the `Tab #` properties. The component can display up to eight tabs.
More views
`More views` displays additional tabs (views) that arenβt visible due to limited space. Itβs visible on breakpoints sm and up.
Use the `More views` property to display it.
Create new view
The `Create new view` property displays an icon only button with a plus icon.
Badge
Show a badge by using the `Badge` property within each nested `Tab #` instance.
Tabs(2 variants)
Mobile/Tabs