Dev Design Library

Badge

Compact label with solid, dot, and ghost variants, Tailwind color palette, and three sizes.

Badge preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
class-variance-authority
Install
npx shadcn@latest add @fluid/badge
Files
  • registry/default/badge.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/size-context.tsx
  • registry/default/lib/type-scale.ts
  • lib/type-scale.ts
  • lib/utils.ts
  • lib/shape-context.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism