Modifiable examples with default styles.

Label And Badge Examples

Label Colors

You can give colors the you choose and Bootstrap 4 basicly. Also there is possible to give any color with data-bgcolor for backgrounds and data-color for texts. A few examples;

Default Primary Success Info Warning Danger Custom Custom 1 #444
Label Sizes

Note: You can customize label sizes with classic button options, Qootstrap 4 & Quadra helper classes. You can easily edit borders and radius sizes, backgrounds, typography, ie the entire picture.

Custom label
Extra Large
Medium
Small
Custom
Custom
Custom
Auto Sizing

Auto Sizing: If you don't give any size options to labels, it will get sizes of parent element. You can easily use them in the titles, subtitles or paragraph texts.

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New
Badges

Documentation and examples for badges, our small count and labeling component.

Radius Default Primary Success Info Warning Danger Custom Custom 1 #444

Badges can be used as part of links or buttons to provide a counter.

Badge Links

Using the contextual .badge-* classes on an element quickly provide actionable badges with hover and focus states.

Drop us a message

You're in the right place! Just drop us a message. How can we help?

Or see contact page
Validation error occured. Please enter the fields and submit it again.
Thank You ! Your email has been delivered.