[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]