Badge

Displays a badge or a component that looks like a badge.

Example

Badge
Secondary
Outline
Destructive

Usage

import { Badge } from "~/components/ui/badge"
<Badge variant="outline">Badge</Badge>

Badge Delta

BadgeDelta with pre-defined status icons

text
text
text
text
text

BadgeDelta without text

Usage

import { BadgeDelta } from "~/components/ui/badge-delta"
<BadgeDelta deltaType="increase">+ 420.69%</BadgeDelta>