Gravity
Search
⌃K

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 className={ prop.className }/>
<Card className={ prop.className }/>
</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. You must also pass the className prop down to any direct children.
Last modified 1yr ago