Tabs

  1. Home
  3. Tabs

Default Tabs

This is Profile tab's associated content . Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling.

Tabs With Underline

This is Profile tab's associated content . Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling.

Tabs With Pills

Content 1

Full Width Tabs

This is Profile tab's associated content . Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling.

React state options

This is Profile tab's associated content . Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling.
Active tab: 0
API ( Tabs )
PropDescriptionTypeDefault

variant

Sets the tab style variant.

'default' | 'underline' | 'pills' | 'fullWidth'

'default'

icon

Pass the icon prop to add an icon to the tab item.

'HiAdjustments' | 'HiClipboardList'

-