Components

Badge

Display status labels, tags, or metadata inline

Badges are small labels used to highlight status, categories, or metadata.

Variants

<Badge>Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="success">Success</Badge>
<Badge variant="warning">Warning</Badge>
<Badge variant="error">Error</Badge>
<Badge variant="info">Info</Badge>
<Badge variant="outline">Outline</Badge>

Inline Usage

Use badges inline with text: This feature is New and requires Beta access.

This feature is <Badge variant="success">New</Badge> and requires <Badge variant="warning">Beta</Badge> access.

Props