Skip to Content
ComponentsDisplayBadge

Badge

NeutralPrimaryInfoSuccessWarningDanger
import { Badge } from '@gg-software/ui'; <Badge label="Active" variant="success" /> <Badge label="Draft" /> <Badge label="Failed" variant="danger" />

For removable chips with icons, use Tag.

Props

PropTypeDefaultDescription
label*string
variant"info" | "success" | "warning" | "neutral" | "primary" | "danger"neutral
classNamestring

* required · generated from packages/ui/src/display/Badge/Badge.tsx