TangularBadge

Tangular helper that renders colored badge elements for a label or a list of labels.

Live preview

Open in new tab ↗

This helper makes a <span class="badge"></span> element (use IntranetCSS) with colorized background.

  • Predefined colors can be changed via DEF.badgecolors = [hex, hex, hex, ...]
Thelpers.badge(label, [size]);
// @label {String|String Array}
// @size {String} small, medium (large), large

Tangular:

<div>{{ tag | badge }}</div>
<div>{{ tag | badge('large') }}</div>

More UI components

Browse all 348