Menu is used to display a list of links vertically or horizontally.
| Class name | Type | |
|---|---|---|
| menu | Component | Container <ul> element |
| menu-title | Component | Specifies the title of menu |
| disabled | Modifier | Sets <li> as disabled |
| active | Modifier | Applies actives style to the element inside <li> |
| focus | Modifier | Applies focus style to the element inside <li> |
| menu-dropdown-toggle | Component | Class name for the toggle to show/hide the `menu-dropdown` using JS |
| menu-dropdown | Component | Class name for the collapsible <ul> if you want to show it using JS |
| menu-dropdown-show | Modifier | Shows the `menu-dropdown-toggle` and `menu-dropdown` collapsible submenu using JS |
| menu-xs | Responsive | Extra small size |
| menu-sm | Responsive | Small size |
| menu-md | Responsive | Medium size (default) |
| menu-lg | Responsive | Large size |
| menu-vertical | Responsive | Vertical menu (default) |
| menu-horizontal | Responsive | Horizontal menu |