N
Nyxis
Components

Badge

Small status indicator.

Preview

DefaultSecondaryOutlineLivePendingFailedArchived

Installation

pnpm add nyxis-ui

Usage

import { Badge } from 'nyxis-ui';
// or, for stricter tree-shaking:
// import { Badge } from 'nyxis-ui/badge';

<Badge>Default</Badge>
<Badge variant="success" dot>Live</Badge>
<Badge variant="destructive">Failed</Badge>