Badge

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

Badge

Secondary

Outline

Destructive

Installation

npx solidui-cli@latest add badge

import { Badge } from "~/components/ui/badge"

<Badge variant="outline">Badge</Badge>

BadgeDelta with pre-defined status icons

text

BadgeDelta without text

npx solidui-cli@latest add badge-delta

import { BadgeDelta } from "~/components/ui/badge-delta"

<BadgeDelta deltaType="increase">+ 420.69%</BadgeDelta>