Components

Badge

A compact label for status, category, or count.

NeutralAccentActiveBetaDeprecated

Sizes

SmallMedium

Usage

import { Badge } from '@onersoft/design-system'

<Badge variant="success">Active</Badge>

Props

PropTypeDefault
variant'neutral' | 'accent' | 'success' | 'warning' | 'danger''neutral'
size'sm' | 'md''md'
asChildbooleanfalse

On this page