badges

Badges

Base Components are usually small helper components to build Block Components.
These Components can be easily used and customized in any blocks.

Badge's Types

Add a class .u-badge-v* to make basic badge. The margin spacing might be any but for the all badges examples the following margin spacing classes are used g-mr-10 and g-mb-10.







Badge's Positions

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit.





Colored Badges

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit.




Bordered Badges

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit.




Different Usages

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit.



Badges with Images


Badge as an Indicator

The Badge as an Indicator Badges style uses the u-badge-indicator class.


Badge's Sizes

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit.