Tab

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

Status

 

Fix

This type is static - it will stay by default

Closable

This type allow the possibility of closing the item

Default

When the item is not selected

Hover
When user hover the tabs

⚠️ For closable tabs : the tab is not selected yet

Selected

When selecte one of the item in the list

Selected + hover

The tabs is selected and hover

 

 

Size

Fix tabs

Fix tab can exist in 2 sizes : default and compact. When space is missing or when you need to display mulitple tabs inside a table - we recommand to use the compact fix tab.