Tabs

Tabs are a great way to simplify complex user interfaces by showing groups of elements only when they're required.

To create a tabbed view, wrap all the components in a <TabView> component.

<TabView name='Billing' labels={['Plan', 'Card Details']}>
<Card/>
<Card/>
</TabView

Props

prop

description

value

name

unique name for the tab view

string

labels

list of tab labels

string array

You must pass the name prop in order for the state to be saved across view changes.

‚Äč