- AvatarButtonCardCheckboxFileInputFilesIconButtonInputPillProfileSearchBarSelectStatusBannerTabsToastProvider
Tabs
Used for, well, making tabs.
Props
grow
boolean
optional
titles
string[]
optional
separators
boolean
optional
selected
number
optional
Example
<Tabs titles={['Tab 1', 'Tab 2', 'Tab 3']}>
<div class="tab">
<p>This is the first tab.</p>
</div>
<div class="tab">
<p>
You can also have components in here:
<Pill text="Hello" variant="green" />
</p>
</div>
<div class="tab">
<p>The última tab.</p>
</div>
</Tabs>
Tab 1
Tab 2
Tab 3
This is the first tab.
You can also have components in here:
Hello
The Ășltima tab.
You can also disable the separators between tab titles:
Tab 1
Tab 2
Tab 3
This is the first tab.
You can also have components in here:
Hello
The Ășltima tab.