Badge
A small label component for displaying status, categories, or tags.
Installation
npm install fuyukaki-uiUsage
import { Badge } from 'fuyukaki-ui'
function App() {
return <Badge>New</Badge>
}Variants
Default
Primary
Secondary
Success
Warning
Danger
Examples
Status:
Active
Priority:
High
Tags:
React
TypeScript
UI
Props
| Prop | Type | Default |
|---|---|---|
| variant | 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'default' |
