Stack
GraphStack
Stacked bar for parts of a whole. Different glyphs per segment instead of colors.
Command
pnpm dlx shadcn@latest add <origin>/r/graph-stack.jsonBundle
Each segment gets its own glyph. js is the accent.
- marketing
- docs
- js
- css
- images
Tokens
Single row showing how token usage splits.
- week
- prompt
- completion
- cached
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| rows | StackRow[] | — | Each row has a label and labeled numeric segments. |
| accent | string | — | Segment label to paint with the accent. Defaults to the first. |
| ticks | number | 24 | Bar width in characters. |
| glyphs | "shade" | "ascii" | "hash" | "bar" | string[] | — | One character per segment, or a preset. Defaults to █▓▒░#=+ -. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |