Stage bars

Horizontal bars split into stages, such as a pipeline per rep or sleep phases per night.

Installation

npx plankui@latest add stage-bars

Usage

import { StageBars } from "@/components/ui/stage-bars";

<StageBars rows={[{ label: "Ana", stages: [{ label: "Lead", value: 40 }, { label: "Won", value: 18 }] }]} />

API reference

Prop	Type	Default	Description
rows	{ label; stages: { label; value; color? }[] }[]	required	Same stages in every row.
legend	boolean	true	Show the stage legend.

View the source on GitHub