Tabs allow for the organization of content across screens, data sets, and other interactions.

Usage

Tabs are always used for global navigation at the top of the page or inside an offscreen menu on small screens.
Tabs are used for chunking content, allowing movement between content within a single page.
To facilitate easy navigation of information within the same level of information.

Anatomy

Tabs are designed with multiple labeled tab items, and a divider or container to organise tab sets efficiently, ensuring a clear and intuitive user experience.