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.





We offer best in class service for your needs

About Us

About Unify dolor sit amet, consectetur adipiscing elit. Maecenas eget nisl id libero tincidunt sodales.

Latest Posts



Our Contacts

795 Folsom Ave, Suite 600,
San Francisco, CA 94107 795

(+123) 456 7890
(+123) 456 7891