Code
Props
children
TabGroupElement
✅
className
string
❌
defaultTab
number
❌
Default Tab
In the case a developer needs to show a specific Tab of the TabGroup Component at rendering, the developer can select which Tab to render at passing a numer from 1 and ahead, depending on the TabGroupElement components inserted inside the TabGroup.
TabGroupElement
Children element to insert inside TabGroup component.
Developers can insert as much TabGroupElement components as they want and based on that number, that is going to be the number of tabs to generated automatically.
children
HTML Tags Custom Components
✅
className
string
❌
title
string
✅
icon
string
❌
disabled
boolean
❌
className
This class is going to be added directly to the custom content section of the tab, where developers can insert custom structures.
Example
Components Dependency
For this component elaboration there were used the following internal components:
Live Demo
For detailed code usage documentation, see the Storybooks for each framework below.
React
Last updated