Tabs

Tabs are used to switch between alternative views within the same context. Tabs serve as secondary navigation where users have to navigate within the same main section they are in.

Variations

Usage

Try to minimize the number of tabs within the page to keep it clear and concise with short labels. You have the option to scroll horizontally when tabs are running out of the viewport. Provide a clear selected state to indicate which tab user is in. Avoid nested tabs because they complicate navigation, making it hard for user to track where they are within the flow.