<st-flow>
JSON type: Flow
A left-to-right process or architecture flow: boxes joined by arrows. Boxes come in three looks
(solid, outline, accent); the arrows are decorative (aria-hidden), and the list is exposed
as an ordered list. Below 600px the row stacks vertically and the arrows point down.
inverted puts the flow on the dark band (--st-cms-band-dark-bg).
Usage
import '@sankhyatronics/sankhya-cms/flow'; // registers <st-flow>
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
nodes | — | FlowNode[] | [] | The boxes, in order. |
label | label | string | '' | Accessible name for the list of steps. |
inverted | inverted | boolean | false | Puts the flow on the dark band (--st-cms-band-dark-bg), which stays dark in the dark theme. |
See the live examples in Storybook.