Gallery / Demo Components / Badge Gallery / / Badge
Demo Components /
Documentation

Description

A small badge label, useful for status indicators or counts.

The simplest structural pattern: a single file with an inline template.

Note it's specifically only available in the "default" theme.

Example usage::

{% badge "New" %}

Usage

Minimal example

{% badge "New" %}

Bigger example

{% badge
  "Unread Messages"
  theme="danger"
  classes="font-bold"
%}

Qualified tag usage

{% ui__badge "New" %}

Parameters

Name Type Required Default Choices Description
text str Yes — — The badge text.
Sandbox
{% badge "New" %}

<span class='badge '>Unread Messages</span>