Status colors

Tinted success, warning, error, and info states.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/badge-05

Files

• registry/patterns/badge/badge-05.tsx
• src/components/ui/badge.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Badge Components
• React Badge Components
• Tailwind CSS Badge Components
• shadcn/ui Badge Components
• Chip Components
• React Chip Components
• Tailwind CSS Chip Components
• shadcn/ui Chip Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• shadcn/ui Feedback Components

More from FLX UI

• Basic
• Variants
• With icon
• With status dot
• Count
• As link
• Removable
• With avatar
• Sizes
• Trend delta
• Icon only
• Tag list