Interlace UI

Badge

@interlace/ui — badge primitive (shadcn-compatible).

ui
Visual examples + interactive variants
View Badge on Storybook
All states, themes, a11y assertions — rendered live.
→

Install

Via shadcn URL
npx shadcn@latest add https://ds.interlace.tools/r/badge.json
Or, with this registry aliased as @interlace
npx shadcn@latest add @interlace/badge

Details

Target path
components/ui/badge.tsx
JSON endpoint
/r/badge.json
NPM dependencies
  • @base-ui/react
  • class-variance-authority
Registry dependencies