Slope
GraphSlope
Two figures per row with an arrow between. Up uses the accent, down recedes.
Command
pnpm dlx shadcn@latest add <origin>/r/graph-slope.jsonTraffic
Up uses the accent. Down uses the second hue.
20252026
- docs8,20012,400
- copy5,1004,100
- ship640860
Latency
Decimals stay tabular. Flat rows use a dash.
beforeafter
- read160142
- write388410
- cache1212
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| fromLabel | string | — | Header over the first column. |
| toLabel | string | — | Header over the second column. |
| items | SlopeItem[] | — | label, from, and to. |
| 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. |