Components
Loading preview...
Badge component in shadcn/ui format inspired by Tremor
npx shadcn@latest add https://21st.dev/r/serafimcloud/badge-deltaimport { BadgeDelta } from "@/components/ui/badge-delta"
export function BadgeDeltaDefault() {
return (
<div className="flex flex-wrap justify-center gap-4">
<BadgeDelta
variant="outline"
deltaType="increase"
iconStyle="filled"
value="9.3%"
/>
<BadgeDelta
variant="outline"
deltaType="decrease"
iconStyle="filled"
value="1.9%"
/>
<BadgeDelta
variant="outline"
deltaType="neutral"
iconStyle="filled"
value="0.6%"
/>
</div>
)
}