KB-238 · HERO/SIGNAL/RIDGE
Signal Ridge Hero
A hero for products that live and die by a line going the right way: copy holds the left, and the vignette is the product's own chart — the spark instrument drawing a fixed series with its crosshair ready, headline numbers rolling in beside it. A flow field combs quietly underneath, the signal made ambient.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/hero-signal-ridge
Props
- series / seriesLabel / metrics
- number[] · string · RidgeMetric[]
- default —
- The vignette — a fixed series and the numbers beside it.
- headline / copy / eyebrow
- string
- default —
- The copy column; headline is two lines.
- primaryCta / secondaryCta / onPrimary / onSecondary
- string · () => void
- default —
- Both actions.
| Prop | Type | Default | Description |
|---|---|---|---|
| series / seriesLabel / metrics | number[] · string · RidgeMetric[] | — | The vignette — a fixed series and the numbers beside it. |
| headline / copy / eyebrow | string | — | The copy column; headline is two lines. |
| primaryCta / secondaryCta / onPrimary / onSecondary | string · () => void | — | Both actions. |