Badge

A badge component with multiple color variants and sizes.

Library

Spell UI

Framework

React

Type

component

License

MIT

Dependencies

@radix-ui/react-slot, class-variance-authority

Install

npx shadcn@latest add "https://spell.sh/docs/badge.md"

Files

• registry/spell-ui/badge.tsx
• lib/utils.ts
• lib/config.ts

Source

https://github.com/xxtomm/spell-ui

Categories

• Badge Components
• React Badge Components
• Tailwind CSS Badge Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components

More from Spell UI

• Animated Checkbox
• Animated Gradient
• Bars Spinner
• Blur Reveal
• Chart
• Color Selector
• Copy Button
• Exploding Input
• Fallback Avatar
• Flow Button
• Gradient Wave Text
• Highlighted Text