Skip to content

Tabs

Figma logo Figma
πŸ§ͺ Beta
book icon Guidelines
πŸ›  In progress
desktop icon Web
πŸ”­ Alpha
phone icon Mobile
πŸ”­ Alpha

A tab is an interactive element that allows users to switch between different content sections within the same page or interface.

Tabs are commonly used to organize and group related information, making it easier for users to navigate and access specific content without leaving the current page. Each tab typically represents a distinct section or category, and clicking on a tab displays the associated content while hiding the others.

Well-designed tabs enhance the user experience by providing a clear and efficient way to manage and view multiple content areas within a compact space.

Guidelines

Correct / Incorrect

Takeaways

Features

Usage

Implementation

Properties

StatusNameTypeDefaultRequiredDescription
πŸ”­tabsTabType[]βœ…Array of tabs to display.

Examples

Alternative

No alternative.