Interface BadgeProps

Props for configuring the Badge pill/chip component.

<Badge label="In Progress" color="#3b82f6" variant="subtle" />

interface BadgeProps {
    color?: string | null;
    label: string;
    variant?: "default" | "outline" | "subtle";
}

Properties

color?: string | null

Custom hex or CSS color for the text and background tint (e.g. "#3b82f6").

label: string

Text label displayed inside the badge pill.

variant?: "default" | "outline" | "subtle"

Visual presentation style:

'subtle'