Menu
The Menu component is designed to display navigation options or actions in a vertical layout. It enables easy organization of links or actions, and can include icons or Badge component for enhanced functionality. With helper classes, the Menu component can seamlessly integrates into a variety of designs. To apply this component, add a container element with the
.menu
class and add .item
class for child elements.Default Class Name | Combinators |
---|---|
menu |
.menu |
title |
.menu .title |
item |
.menu.item |
badge |
.menu .item .badge |
active |
.menu .item > a.active |
disabled |
.menu .disabled.item |
divided |
.divided.menu |
Size | Combinators |
small |
.small.menu |