Sub-menu

Allows user to navigate through different blocks of content inside the same page

Status

There is 2 types of sub-menu : one with text only, and one with a picto. Based on the level of information you want to deliver, you can either only use the default one when text is enough. In case you need to add an other level of information, you can use the sub-menu with a picto.

 

Default

With Leading icon

Default

Item is available but not selected

Hover

Item is hover

Selected

Item is selected

 

Color variants

In some cases, we need to make visible a status inside the sub-menu. This is why it is possible to change the color of the picto and the shape of the picto inside a sub-menu. The picto will keep the color even when the sub-menu is not selected or hover.