Select
Gen UI 2.0 standardA dropdown list of options. Bind value with { "@path": "/x" } to read the chosen option. 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 Select. 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 |
| options | (string | { value, label?, description? })[] | No | - |
| value | string | No | Bind it with { "@path": "/x" } to read what the user entered |
| checks | { condition?, message? }[] | No | Validation rules. The control shows the first failed one |
| placeholder | string | No | - |
| name | string | No | - |
| required | boolean | No | - |
| disabled | boolean | No | - |
| clearable | boolean | No | - |
| clearLabel | string | No | The label of the empty option |
| searchable | boolean | No | - |
| icon | string | No | Lucide icon shown before the value |
| block | boolean | No | Full width |
| size | "sm" | "md" | "lg" | "xl" | No | Default "xl" |
| pill | boolean | No | Default true |