KQ-235 · VIGNETTE/HUB
Hub Vignette
A centre node with its services arranged on a ring, links drawn from each to the core and a pulse travelling every line in turn — the integration scene, for heroes about products that sit in the middle of other tools. Positions are computed from index and count, so the layout is identical on server and client, and the pulse order is fixed.
KQ-235 · VIGNETTE/HUB
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/vignette-hub
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| core / nodes | string · HubNode[] | — | The centre and the ring of services. |
| radius | number | 96 | Ring radius in pixels. |