Badge

A small label component for displaying status, categories, or tags.

Installation

npm install fuyukaki-ui

Usage

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

PropTypeDefault
variant'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger''default'