Slider
Gen UI 2.0 standardA range slider for a number between min and max. Bind value with { "@path": "/x" } to read the number. Give it a label.
One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use Slider. Standard catalog docs
Props
Read from standardUI.manifestComponents in the installed @copilotkit/react-core. In A2UI 1.0 any value may also be a { "@path" } binding into the surface data model or a { "@call" } function call.
| Prop | Type | Required | Description |
|---|---|---|---|
| label | string | No | The visible label of the field. Always set it |
| value | number | No | Bind it with { "@path": "/x" } to read the number |
| min | number | No | Default 0 |
| max | number | No | Default 100 |
| checks | { condition?, message? }[] | No | Validation rules. The control shows the first failed one |
| step | number | No | Default 1 |
| steps | integer | No | The number of equal divisions between min and max, instead of step |
| unit | string | No | Unit after the value, for example "%" |
| marks | { value, label? }[] | No | - |
| sliderStyle | "continuous" | "discrete" | No | Default "continuous" |
| disabled | boolean | No | - |
| name | string | No | - |
| weight | number | No | flex-grow in a Row or Column |