The Tabs component allows us to separate content from the same hierarchy into different tabs.
$ yarn add @nimbus-ds/tabs
$ npm install @nimbus-ds/tabs
The component consists of a text and a line.
We use the component when we have more than two contents of the same context, and we need to switch the focus between them.
This variant serves as a container used to group the tabs.
This variant is the individual tab, which allows us to display content after a tab is activated.
Tab titles must be clear and summarized in up to 2 words, referring to the tab content.
Recommendation for use
- Switch between contents of the same context
- Toggle data view
- Toggle plan options
View docs here.