Documentation

Badge

Small status or label indicator for highlighting information.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

import { Badge } from "@rouf-dev/pantheon-ui";

<Badge>Badge</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="destructive">Destructive</Badge>
<Badge variant="outline">Outline</Badge>

Examples

Variants

Default
Secondary
Destructive
Outline
Success
Warning