Nexub DSv0.0.2
Brand
Components · Labels & Badges
Small status indicator or label. Communicates state, category, or count.
import { Badge } from '@nexub/react';| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| variant | 'solid' | 'soft' | 'outline' | 'solid' | — | Visual fill style. |
| tone | 'success' | 'danger' | 'warning' | 'info' | 'neutral' | 'neutral' | — | Semantic color tone. |
| size | 'sm' | 'md' | 'lg' | 'md' | — | Badge size. |
| leadingIcon | React.ReactNode | — | — | Icon or dot rendered before the label. |