Badges & Labels

[vc_row el_position=”first last”] [vc_column] [vc_separator el_position=”first”] [vc_column_text el_position=”last”]

Labels

 

Labels Markup
Default [badge-label type="label"]Default[/badge-label]
Success [badge-label type="label" style="success"]Success[/badge-label]
Warning [badge-label type="label" style="warning"]Warning[/badge-label]
Important [badge-label type="label" style="important"]Important[/badge-label]
Info [badge-label type="label" style="info"]Info[/badge-label]
Inverse [badge-label type="label" style="inverse"]Inverse[/badge-label]

Badges

 

Name Example Markup
Default 1 [badge-label type="badge"]1[/badge-label]
Success 2 [badge-label type="badge" style="success"]2[/badge-label]
Warning 4 [badge-label type="badge" style="warning"]4[/badge-label]
Important 6 [badge-label type="badge" style="important"]6[/badge-label]
Info 8 [badge-label type="badge" style="info"]8[/badge-label]
Inverse 10 [badge-label type="badge" style="inverse"]10[/badge-label]

Easily collapsible

For easy implementation, labels and badges will simply collapse (via CSS’s :empty selector) when no content exists within.

Easy use with “Inline Shortcode Manager”.

[/vc_column_text] [/vc_column] [/vc_row]

Leave a Reply

Your email address will not be published. Required fields are marked *