Install the component from your command line.
Import the components and piece the parts together.
Create your styled tabs component from the primitive parts.
Contains all the tabs component parts.
Contains the tabs aligned along the edge of the active panel.
The button that activates its associated panel.
Contains the content associated with each tab.
You can create a vertical tab by using the
Adheres to the Tabs WAI-ARIA design pattern.
|Tab||When focus moves onto the tabs, focuses the active tab. When a tab contains focus, moves focus to the active panel.|
|ArrowDown||Moves focus to the next tab depending on |
|ArrowRight||Moves focus to the next tab depending on |
|ArrowUp||Moves focus to the previous tab depending on |
|ArrowLeft||Moves focus to the previous tab depending on |
|Home||Moves focus to the first tab and activates its associated panel.|
|End||Moves focus to the last tab and activates its associated panel.|