Tabs help to organize and allow navigation between different content or views. A tab group is composed of multiple individual tabs. A tab follows the spacing and minimum width of buttons.

Anatomy

A. Tabs

1. Active tab
2. Default tab(s)
3. Border (optional)
4. Content of active tab

B. Tab 5. Icon (optional) 6. Label 7. Blue Border (for the active tab)

https://invis.io/A2Y9D008NDM#/416901227_Tabs_-_Anatomy

Tabs - Variations

Size

Alignment

Border

Tab Item - Variations

Size