Badge
Data display
Small status label.
Badge(label, tone: …, pill: …)
Example
Badge("Beta").info
Badge("3 new").danger.pill
Renders with the class wf-badge, stable across releases, so a stylesheet may target it.
| Prop | Type | Meaning |
|---|---|---|
| label | String (positional) |
The badge text |
| tone: | .primary .secondary .success .danger .warning .info |
Colour |
| pill: | Bool |
Fully rounded ends |
Attribute families: global, aria, data. Plus the universal props on every element: animate:, exit:, speed:, class:, ref:.