PipelineDiagram
A PipelineDiagram component from the Sigil design system.
Import
import { PipelineDiagram } from "@sigil-ui/components";Usage
<PipelineDiagram>...</PipelineDiagram>Props
| Prop | Type | Default | Description |
|---|---|---|---|
steps | PipelineStep[] | — | — |
direction | `"horizontal" | "vertical"` | — |
connector | `"solid" | "dashed" | "dashed-animated"` |
showNumbers | boolean | — | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-full | Radius full |
--s-primary | Primary |
--s-primary-muted | Primary muted |
--s-primary-contrast | Primary contrast |
--s-text | Text |
--s-text-muted | Text muted |