Tabs

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.

Tabs

in Design Systems