logo

Tab

Tabs structure content into organized sections, providing users with a streamlined way to navigate between them.

Usage

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Variants

Use the variant prop to change the visual style of the tabs. Values can be underlined,bordered,solid or light.

Disabled

Use the isDisabled prop to to disable a tab components.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Disabled Item

Use the isDisabled prop to to disable a tab.

Sizes

Radius

Colors

With Icons

Outside

photos content