Components
A short status or category label. Tinted pill with a color border and a heavier bottom edge.
npx shadcn@latest add @stardust/badgeSuccess, warning and destructive carry status. Secondary and outline stay neutral.
Duotone icons pick up the border color.
Examples are React. The Vue components take the same props and variants; only the template syntax differs.