Badge
Small read-only label for statuses and counts.
import { Badge } from "pleate/badge";Variants, tones, counts
accentneutralsuccesswarningdangerinfo
accentneutralsuccesswarningdangerinfo
accentneutralsuccesswarningdangerinfo
31299+OnlineDelayed
Props
- variant
Weight. "filled" and "tinted" are aliases of "solid" and "soft", matching Button.
"solid" | "soft" | "outline"default "soft"- tone
Color role.
"accent" | "neutral" | "success" | "warning" | "danger" | "info"default "accent"- size
Height, padding and type size.
"sm" | "md" | "lg"default "md"- dot
Leading status dot.
boolean- count / max
Show a number instead of children; above max it reads "99+".
numberdefault max 99