Badge

Component

Status indicators and labels with multiple variants.

Installation & Usage

Basic Usage

import { Badge } from 'dotti'

<Badge variant="accent">New</Badge>

Different badge styles for various purposes.

DefaultAccentOutline

Code

<Badge>Default</Badge>
<Badge variant="accent">Accent</Badge>
<Badge variant="outline">Outline</Badge>

TypeScript Support

All components are fully typed with TypeScript. Check your IDE for prop suggestions and documentation.