Badge Delta

A Badge with trend indicator for five different statuses.

BadgeDelta with pre-defined status icons

text

BadgeDelta without text

Installation

npx solidui-cli@latest add badge-delta

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

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