Most of the details about a basic tab have been covered in Components/Tabs Component documentation. Please refer to this page for more details.
Fixed tabs display all tabs concurrently and are best used with content that benefits from quick pivots
between tabs in fixed positions, such as switching transportation methods for directions in Google
Maps.
Fixed tabs have equal width, calculated either as the view width divided by the number of tabs, or based
on the widest tab label.
Scrollable tabs display a subset of tabs at any given moment. They can contain longer tab labels and a
larger number of tabs than fixed tabs. Scrollable tabs are best used for browsing contexts in touch
interfaces when users don’t need to directly compare the tab labels.
N.B. Due to its overflow value, scrollable tabs are not compatible with dropdown componenets.