X-UI LogoX-UI

Badge

Small status indicators for counts, labels, or notifications.

tsx
import { Badge } from '@xdev-asia/x-ui-react';

Examples

DefaultSuccessWarningErrorOutline

Props

  • variant - 'solid' | 'subtle' | 'outline'
  • colorScheme - 'primary' | 'success' | 'warning' | 'error'
  • size - 'sm' | 'md' | 'lg'