HubSpokeDiagram
A HubSpokeDiagram component from the Sigil design system.
Import
import { HubSpokeDiagram } from "@sigil-ui/components";Usage
<HubSpokeDiagram>...</HubSpokeDiagram>Props
| Prop | Type | Default | Description |
|---|---|---|---|
hub | { label: string; icon?: ReactNode; sublabel?: string | — | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-md | Radius md |
--s-border | Border |
--s-surface | Surface |
--s-text | Text |
--s-text-muted | Text muted |
--s-border-strong | Border strong |
--s-radius-lg | Radius lg |
--s-primary | Primary |
--s-primary-muted | Primary muted |