THEME
MOTION
HAPTIC
SOUND
BADGE
Small inline marker for status/state — "NEW", "BETA", "PRO". Display-only; solid (filled) or outline variants.
Live demo
Import
import { Badge } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
children | ReactNode | — | yes | |
kind | 'neutral'|'info'|'success'|'warning'|'danger' | neutral | — | |
variant | 'solid'|'outline' | solid | — | |
size | 'sm'|'md' | md | — |
Examples
new
<Badge kind="success">NEW</Badge>outline
<Badge kind="warning" variant="outline">BETA</Badge>Accessibility
Role: text
Feedback
| Haptic | none |
| Sound | none |