<Badge>
live
</Badge>Badge
src/components/badges.tsx
Import
import { Badge } from "@ossrandom/design-system";Examples
<Space size="sm">
<Badge tone="neutral">neutral</Badge>
<Badge tone="danger">danger</Badge>
<Badge tone="warning">warning</Badge>
<Badge tone="info">info</Badge>
<Badge tone="subtle">subtle</Badge>
<Badge tone="solid">solid</Badge>
</Space><Space size="sm">
<Badge
size="xs"
>XS</Badge>
<Badge
size="sm"
>SM</Badge>
<Badge
size="md"
>MD</Badge>
<Badge
size="lg"
>LG</Badge>
</Space>API
extends BaseProps
| Prop | Type |
|---|---|
tone |
BadgeTone |
size |
Size |
children required |
ReactNode |
icon |
ReactNode |
closable |
boolean |
onClose |
() => void; |