Blaze UI is a responsive front-end framework and a free open-source UI toolkit utilized to build web pages easily. It provides us with an excellent structure that helps us to create a strong and maintainable foundation for websites. All the components are developed keeping mobile responsiveness a priority, in order that they work on any screen size. It also gives us the liberty to integrate the other framework if we would like to. With easy-to-use variables and mixins, it offers easy configuration of custom builds. It offers us tons of components like accordions, autocomplete, avatars, breadcrumbs, etc which enables us to style and build sites comfortably.
Blaze UI Menu helps us to navigate different components in a list view. These components redirect us to the varied linked pages within the websites or web applications. The Grouped Items is a way to present the components, it can be used to group similar components or options together. To group the items in a menu we have to add a separator above and below the items or components which we want to group together.
Blaze UI Menus Grouped Items classes:
c-card–menu: This class is used to specify which container is intended for a menu.
c-card__control: This class specifies the components inside the menu.
c-card__item–divider: It is used to add a divider between items or components.
c-card__control–active: It specifies the component which is currently active or has been opened.
To add a separator we have to add the c-card__item–divider class to an HTML div element and give the value of the role attribute as a separator.
Please Login to comment...