GitHub

Delta Bar

Bar to show negative or positive deviation from a particular threshold

DeltaBar with default increase behavior

DeltaBar with increase seen as negative

Installation

npx solidui-cli@latest add delta-bar

Usage

import { DeltaBar } from "~/components/ui/delta-bar"
<DeltaBar value={60} isIncreasePositive={false} />