Badge
Small pill label for counts, statuses, or tags. Variants match semantic colors.
primitive badge
Controls
variant
tone
size
label
Current props
variant: ""tone: ""size: ""label: ""
Usage
// status badge
primitive.Badge(primitive.BadgeProps{Variant: primitive.BadgeSuccess}, g.Text("Active"))
// count badge
primitive.Badge(primitive.BadgeProps{Variant: primitive.BadgeDanger}, g.Text("12"))
// toned badge
primitive.Badge(primitive.BadgeProps{Variant: primitive.BadgeTone, Tone: token.ToneCyan}, g.Text("Beta"))All combinations (196)
Enum controls only · bool and text use defaults
Props
| Name | Type | Options | Default |
|---|---|---|---|
variant | enum | , success, danger, warning, info, outline, tone | |
tone | enum | , yellow, cyan, violet, pink, lime, mint | |
size | enum | , sm, md, lg | |
label | text | — | New |