Display

Badge

A small inline label for status, categories, or counts. Use alongside cards, list items, and table cells.

LlmBadge

Demo

DefaultActivePendingErrorInfoSmallSmall danger

<LlmBadge>Default</LlmBadge>
<LlmBadge variant="success">Active</LlmBadge>
<LlmBadge variant="warning">Pending</LlmBadge>
<LlmBadge variant="danger">Error</LlmBadge>
<LlmBadge variant="info">Info</LlmBadge>
<LlmBadge size="sm" variant="success">Small</LlmBadge>

API

Prop	Type	Default	Description
`variant`	`'default' \| 'success' \| 'warning' \| 'danger' \| 'info'`	`'default'`	Color scheme of the badge
`size`	`'sm' \| 'md'`	`'md'`	Size of the badge

Import

import { LlmBadge } from '@atelier-ui/react';