TabsControls

Container for the list of tab elements.

Figma componentStorybook documentation

React

<TabsControl>
  <Tab label="Tab 1" index={0} />
  <Tab label="Tab 2" index={1} />
  <Tab label="Tab 3" index={2} />
</TabsControl>

CSS

<div role="tablist" class="tabs_controls">
  <button class="tab" role="tab" aria-selected="true" aria-controls="tabpanel-0" id="tab-0" tabindex="0">Label</button>
  <button class="tab" role="tab" aria-selected="false" aria-controls="tabpanel-1" id="tab-1" tabindex="-1">Label</button>
  <button class="tab tab-active" role="tab" aria-selected="false" aria-controls="tabpanel-2" id="tab-2" tabindex="-1">Label</button>
</div>