New image

LIBRARIES

Polaris Components FigMayo
πŸ‘‹ Getting started

components

Ctrl-K
Polaris Components FigMayo/Tabs
Updated 18 December 2024
Tabs

Use to alternate among related views within the same context.

Badge
Component Preview

States

Preview

Properties

Fitted

Use the `Fitted` property to allow each tab to fill the available space.

Preview

Visible tabs

Toggle the number of tabs visible using the `Tab #` properties. The component can display up to eight tabs.

Preview

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.

Preview

Create new view

The `Create new view` property displays an icon only button with a plus icon.

Preview

Badge

Show a badge by using the `Badge` property within each nested `Tab #` instance.

Preview
Mike Miller
Updated 18 Dec 2024
Tabs(2 variants)
View Figma
    PlaygroundFigma
Mike Miller
Updated 18 Dec 2024
Tab(6 variants)
View Figma
Mike Miller
Updated 18 Dec 2024
Mike Miller
Updated 18 Dec 2024