Menu Item
A MenuItem is a component that represents individual list items in a menu.
default
active
Code
<div class="backoffice-menuitem">menu item</div>
<div class="backoffice-menuitem backoffice-menuitem-active">
menu item (Active)
</div>
| Class name | type | |
|---|---|---|
| backoffice-menuitem | component | Container element |
backoffice-menuitem-active, backoffice-menuitem[data-active] | modifier | Sets the display of the active status |
backoffice-menuitem-link:hover, backoffice-menuitem-hover, backoffice-menuitem[data-is-hover] | modifier | Sets the display of the hover status |
backoffice-menuitem-link:hover:after, backoffice-menuitem-hover:after, backoffice-menuitem[data-is-hover]:after | modifier | Sets the display of the :after pseudo-element in the hover status |
| backoffice-menuitem kbd | modifier | Sets the display properties of a kbd element |
| backoffice-menuitem small | modifier | Sets the display properties of a small element |