11 Maggio 2021

Badges and Labels

[one_half]

Labels

[custom_table type=”table-bordered”]

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

[/custom_table]

[toggle title=”Get the code” hidden=”true”][[label type=”label-important”]Pellentesque adipiscing tellus[/label]].[/toggle][/one_half]

[one_half_last]

Badges

[custom_table type=”table-bordered”]

Example Markup
[badge]1[/badge] [[badge]1[/badge]]
[badge type=”badge-success”]2[/badge] [[badge type="badge-success"]2[/badge]]
[badge type=”badge-warning”]4[/badge] [[badge type="badge-warning"]4[/badge]]
[badge type=”badge-error”]6[/badge] [[badge type="badge-error"]6[/badge]]
[badge type=”badge-info”]8[/badge] [[badge type="badge-info"]8[/badge]]
[badge type=”badge-inverse”]10[/badge] [[badge type="badge-inverse"]10[/badge]]

[/custom_table]

[toggle title=”Get the code” hidden=”true”][[badge type=”label-important”]Pellentesque adipiscing tellus[/badge]].[/toggle][/one_half_last]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [label type=”label-success”]Pellentesque adipiscing eros ut libero ut condimentum mi vel tellus[/label]. Suspendisse laoreet fusce ut est sed dolor gravida convallis morbi vitae ante vivamus. Morbi purus libero, faucibus adipiscing praesent elementum hendrerit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [label type=”label-important”]Pellentesque adipiscing eros ut libero ut condimentum mi vel tellus[/label]. Suspendisse laoreet fusce ut est sed dolor gravida convallis morbi vitae ante vivamus. Morbi purus libero, faucibus adipiscing praesent elementum hendrerit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [label type=”label inverse”]Pellentesque adipiscing eros ut libero ut condimentum mi vel tellus[/label]. Suspendisse laoreet fusce ut est sed dolor gravida convallis morbi vitae ante vivamus. [label type=”label-info”]Morbi purus libero, faucibus adipiscing praesent elementum hendrerit.[/label]

[divider type=”type_1″]

[alert-info]

List of possible attributes:

  • type – Highlight color style (label-important, label-success, label-warning, label-info, label-inverse; badge-important, badge-success, badge-warning, badge-info, badge-inverse)
[/alert-info]

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *