Tabs
64
Tabs is an interactive UI element that enables users to switch between different views or subsections of content within the same context. Each tab is associated with distinct content, and only one tab can be active at a time. Tabs are usually placed at the top of the content area and are designed to mimic real-world file folders.
Tabs component help to organize complex content or controls, without overwhelming users or requiring navigation to a new page. By providing a clear, consistent way to compartmentalize related information, Tabs significantly enhances usability, efficiency, and overall user experience.
Looking into how the
Tabs
component works?
Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work
System health
Ownership


Tokens
Components
design-to-code
98%
Looking into how the
Tabs
component works?
Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work
System health
Ownership


Tokens
Components
design-to-code
98%
Looking into how the
Tabs
component works?
Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work
System health
Ownership


Tokens
Components
design-to-code
98%