Steps
Composite Status and feedback draft Gen UI partA short vertical sequence where each step is done, current or still to do.
Examples
HTML and CSS
Framework-free reference. Styles live in system/components/steps.css and read only tokens. Wrap markup in .v-root.
Rendered markup of the anatomy example
Props and slots
The component API. Gen UI JSON uses these names, and the Flutter widget should mirror them.
Props
| Prop | Values | Default |
|---|---|---|
items * | array. [{ label, caption?, state: done | current | todo }] | |
strikeDone | boolean | |
compact | boolean |
* required.
Slot rules
No slots. This part takes no children.
In Gen UI
How VelioBot uses this part. The bot returns JSON; the validator checks it; the renderer draws it.
JSON node
Every node may also carry id, grow, attribution, privateOnly and fallbackText.
Rules that name this part
No part-specific rules. The structure and behaviour rules still apply.
Usage in recipes
2 of the original cards use it. After V1. Priority table
Bot functions: Bookings, Meet new people, More booking, Trust and vouches.