The Vertical Tabs component serves as a container to show groups of content, divided into tabs. Each tab label should correspond with a block of related content.
The vertical tabs component varies from the regular 'tabs' component, with the tabs arranged on the left in a vertical space, instead of on the top in a horizontal space.
The common custom tab settings are right-aligned and left-aligned.
Vertical tabs can be a better choice for a large number of items, as it is easier for the user to scan a vertical list of options. However, they may be less easy to understand and associate with their contents. Vertical tabs also provide scrolling on overflow.
