Badge
Uppercase tracking label in default, secondary, destructive and outline variants; renders as any element via `render`.
UI primitivesregistry:ui
Install
npx shadcn@latest add @sav/badgeNeeds "@sav": "https://design.sasv.ch/r/{name}.json" under registries in components.json. Direct URL: /r/badge.json.
Preview
DefaultSecondaryOutlineDestructive
Files
- registry/sav/ui/badge.tsx→ @ui/badge.tsx
Dependencies
Registry items
—
npm packages
@base-ui/react, class-variance-authority, cn