Pesto UI

Badge

Compact status and count labels. Semantic tints plus a blue count pill.

tsx
import { Badge } from "@pestoui/core"

Variants

NewTeam4BetaConnectedPendingFailedDraft

Props

PropTypeDefaultDescription
variant"default" | "secondary" | "count" | "info" | "success" | "warning" | "destructive" | "outline" | "ghost" | "link""default"Tone of the badge.
asChildbooleanfalseRender as a child element (e.g. a link).
PreviousAvatarNext Badge Group

Pesto UI · 117 documented components