Aarogya
Display
Atomic

Badge

Small status indicators and labels for categorizing content or showing counts.

Standard Badges

High contrast badges for emphasizing status.

Base Styles

Default
Secondary
Destructive
Outline

Soft Varieties

Low contrast, colorful variants for subtle visual grouping.

Modern Soft Styles

Aarogya Soft
Productive
Premium

Quick Start

TerminalCopy

# Import

import { Badge } from "@/components/ui/badge";

# Usage

<Badge variant="soft">

v1.0 Ready

</Badge>

Previous

Alert

Next Up

Button