+92 3002806184 info@tscreators.com tscreators

Easlily create nicely looking badges to label and highlight your content.

Usage

To create a badge, just add the .uk-badge class to a <div> or <span> element.

Example

Info New Free

Markup

<div class="uk-badge">...</div>

Modifiers

To display badges in a different style, just add modifier classes to the .uk-badge class. These modifiers can be combined with each other.

Notification

Add the .uk-badge-notification class to indicate a notification, typically it is used with numbers.

Example

1 2 3 10 100

Markup

<div class="uk-badge uk-badge-notification">...</div>

Color Modifier

Add the .uk-badge-success, .uk-badge-warning or .uk-badge-danger class for additional colors.

Example

Success Warning Danger

1 10 1 10 1 10

Markup

<div class="uk-badge uk-badge-success">...</div>
<div class="uk-badge uk-badge-warning">...</div>
<div class="uk-badge uk-badge-danger">...</div>

TSCreators is a team of designers and developers, provide the best quality web application, portals, mobile applications and portfolios for businesses and organizations. TSCreators is basically an organization that has dedicated its efforts to provide total satisfaction to our clients

Get in touch

Karachi Pakistan


+92 3002806184

info@tscreators.com

tscreators

Quick Feedback