Bullet
GraphBullet
Actual versus target on a shared track. The marker is the target.
Command
pnpm dlx shadcn@latest add <origin>/r/graph-bullet.jsonTargets
Fill is the actual. The marker is the target.
- Design42 / 40
- Motion18 / 24
- Docs9 / 12
Capacity
max locks the track when values share a scale.
- CPU72 / 80
- RAM34 / 64
- SSD91 / 90
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| items | BulletItem[] | — | label, value, optional target, max, and display. |
| ticks | number | 20 | Track width in characters, not counting the brackets. |
| glyphs | "shade" | "ascii" | "hash" | "bar" | string[] | "shade" | Character set. shade is ·░▒▓█. ascii is .- =#@. Pass a preset or your own characters. |
| palette | "mono" | "duo" | "multi" | "mono" | mono is one accent plus muted. duo paints the second series with --graph-accent-2. multi cycles three accents. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |