Badge

betich-github/badge

UnverifiedComponent

A status pill in five tones, each mapped to a semantic surface and content pair.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/betich/design-tokens/main/badge.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

clsx
tailwind-merge
tailwind-variants

Files it writes

src/components/atoms/Badge/Badge.tsx
src/components/atoms/Badge/badgeVariants.ts
src/components/atoms/Badge/index.ts
src/styles/component/badge.css
src/styles/color/base.css
src/styles/border/base.css
src/styles/effect/base.css
src/styles/layout/base.css
src/styles/spacing/base.css
src/styles/typography/base.css
src/styles/color/tokens.css
src/styles/color/brand.css
src/styles/border/tokens.css
src/styles/effect/tokens.css
src/styles/layout/tokens.css
src/styles/spacing/tokens.css
src/styles/typography/tokens.css
src/lib/utils.ts

More from acme

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs	Command
Buttonbutton	acme	Components	Unverified	4 deps · 18 files
Cardcard	acme	Components	Unverified	3 deps · 18 files
Inputinput	acme	Components	Unverified	3 deps · 18 files