Badge
Tiny status pills. Soft badges are inset wells with tinted text; solid badges are extruded gradient chips with a clay glow.
import { Badge } from "marclayui";Soft
PrimarySecondaryAccentSuccessDangerInfoNeutral
Solid
Newv0.1.0ProLiveBeta
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "primary" | "secondary" | "accent" | "success" | "danger" | "warning" | "info" | "neutral" | "neutral" | Tone for text (soft) or the gradient (solid). |
solid | boolean | false | Filled gradient chip with a clay glow. |
…rest | HTMLAttributes<HTMLSpanElement> | — | Standard span props. |