Menu Item
A MenuItem is a component that represents individual list items in a menu.
link
active
Code
Code
<div class="backoffice-menuitem backoffice-menuitem-link">menu item</div>
<div class="backoffice-menuitem backoffice-menuitem-active">
menu item (Active)
</div>
Details
| Attribute | Type | Description |
|---|---|---|
| .backoffice-menuitem | component | Class used for menuitem component, by default doesn't have any style on hover, use modifier class for that |
| .backoffice-menuitem-active | modifier | Class used for active menuitem style |
| [data-active] | alternative | Attribute used to mark active menuitem style |
| .backoffice-menuitem-link | modifier | Class used for menuitem link |