Tabs

Display tab content.

Documented

The component is fully documented

Figma component

Includes a link to a Figma component that has been imported to Supernova

Open in Figma

Status

The component has a health status indicated

Healthy

Overview

Navigation tabs are used to switch between blocks of content.

Navigation Tab Preview

Usage

Always align navigation tabs in a row

Always position navigation tabs at the top of the content being switched

Variants

Navigation Tab Variants