Blaze UI Cards Grouped Items
Blaze UI is a CSS open-source framework. It is a lightweight UI toolkit and provides great tools for building customized and scalable applications. It can work with any framework that exists. It can adapt to any ecosystem. All designs or CSS are mobile-first and hence responsive. It project is available open-source so a large community maintains it.
Blaze UI Cards Grouped Items is used to group card items by creating a horizontal line. To group items, use the c-card–grouped modifier class to remove the item borders and use c-card__divider class to create the horizontal line.
Blaze UI Cards Grouped Items Classes:
- c-card–grouped: This class is used to remove the item border.
- c-card__divider: This class is used to create the divider.
<div class="c-card c-card--grouped"> <div class="c-card__item"> ... </div> <div role="separator" class="c-card__divider"> </div> ... </div>
Example 1: The following example demonstrates the Blaze UI Cards Grouped Items.
Example 2: The following example demonstrates the Blaze UI Cards Grouped Items with images.
Please Login to comment...