Badges

Badges are generally used for emphasizing a numerical characteristic of an object, e.g., the number of unread items in a folder.

Version 1.0

Basic Example of Module

Usage & Code Tips

@include title of mixin

@include title of mixin

@include title of mixin

Source code:

 

 

Basic Example

Version 1.0

 Current Inbox Messages  47

Usage & Code Tips

Use template: sg_badge_basic

Apply .badge to <span> tag in any content

Source code:

 

 

Button Example

Version 1.0

Usage & Code Tips

Use Templatesg_badge_button

Badges will auto collapse if no content is active inside the <span>

Source code: