Tabs

Tabs help to organise information, by grouping it into separate views.

Component checklist

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Update required

Flutter

Is new design vision part implemented using new tokens?

Up to date

Introduction

Tabs organize related information into separate sections to maintain a clear information structure and decrease content overload on the page. Tabs can be used on the page or section level and within components like Dialogs, Cards, or Side panels.

Tabs / Overview