Tabs

Lab component

Also known as

Tab, Tabstrip, Tab bar, Tab set

TabsNext switch between different but related content. Users can move between different views without the need to leave the current page. A tabstrip comprises a minimum of two tabs, with one tab actively engaged at any given moment. The active tab is differentiated from an inactive tab by a colored indicator either on the top or bottom edge of the tab, depending on the variant in use. These tabstrips can expand the full width of the page or be used within content areas, or within components such as dialogs, cards, and drawers.

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected