Wrapper

The TabGroup component wrapper.

This is a compound component.

API

This component extends the native <div> API. That's why the className prop is not included in the table.

Props	Type	Required
children	ReactNode	✅
selectedTab	string	❌
defaultSelectedTab	string	❌
isFlex	boolean	❌
variant	'contained' | 'underlined'	❌

children

The children in this case, because it is a compound component, should be the ones provided by this design system.

selectedTab

The selectedTab passed directly as a props when using the controlled approach of the component.

defaultSelectedTab

The tab that will load when the component renders. This should be used when using an uncontrolled approach of the component.

isFlex

This prop changes the tabs styles making it so them take the 100% of the available container width.

variant

Prop used to change the way selectedTabs are presented.