Skip to main content

Badge

Compact label for status, category, or count information.

Usage

{% include components/badge.html
   label="New"
   variant="success"
   dot=true
%}
Active In review Draft

Parameters

Parameter Type Default Description
label string — Badge text
variant string primary primary, secondary, success, warning, danger, info, neutral
size string md sm, md, lg
dot boolean false Shows a decorative status dot
class string — Additional CSS classes