When to use: Tab ?
Tab is used to switch between related content. They are allowing users to changes views whitout leaving the page. Structure wise, we use 2 types of tabs: fix and closable.
- To navigate between different URL
- As a primary action to navigate. See side navigation
Do / Don't
|
DO |
DON'T |
Tabs should be placed directly above the target content. |
Tabs shouldn’t be used for filtering content. |
|
|
|
|
DO |
DON'T |
Tabs name should contain a short key word. |
Do not use sentences as a tab. |
|
|
|
|
DO |
DON'T |
To use closable-tabs, you need at least 2 tabs. |
Display at least 2 tabs, except for fixe tabs that can be use alone. |