Waffle
GraphWaffle
Grid of 100 cells. The value sets how many are filled in.
Command
pnpm dlx shadcn@latest add <origin>/r/graph-waffle.jsonCoverage
One hundred cells. Value is how many are lit.
73%
73 of 100 tests green
73 percent. 73 of 100 tests greenQuota
Fewer cells. Same 0–1 value.
40%
seats used
40 percent. seats usedProps
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| value | number | — | Share from 0 to 1. |
| cells | number | 100 | Total cells in the grid. |
| columns | number | 10 | Cells per row. |
| caption | string | — | Muted line under the percent. |
| glyphs | "shade" | "ascii" | "hash" | "bar" | string[] | "shade" | Character set. shade is ·░▒▓█. ascii is .- =#@. Pass a preset or your own characters. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |