Tab

Tab is used to classify related content and navigate between similar types of information that appear in the same context

Tab content

Fix tab

Fix tab is used to divide different pages of the same content type together and at the same level. They are fixed by default and cannot be deleted. Fix tab can also contain a pictogram, or a counter when adding numerical information.

 

 

Closable tab

The closable tab can be removed. This component allows you to switch from one view to another in a specific context, but also to close some of these views if necessary. 

The closable tabs can have different shapes, they can have an icon or a description text under the main tab to add additional information.

 

 

Color variant

In some cases, you may want to add another level of meaning to your tabs. In this case, you can use the tab in different colours. We only authorise the following colors, which must correspond to a specific context (example: the colour "danger" can be used to warn a user of a critical action).