Badge component in shadcn/ui format inspired by Tremor
import { BadgeDelta } from "@/components/ui/badge-delta" export function BadgeDeltaSolid() { return ( <div className="flex flex-wrap justify-center gap-4"> <BadgeDelta variant="solid" deltaType="increase" iconStyle="line" value="9.3%" /> <BadgeDelta variant="solid" deltaType="decrease" iconStyle="line" value="1.9%" /> <BadgeDelta variant="solid" deltaType="neutral" iconStyle="line" value="0.6%" /> </div> ) }