Select

A dropdown list of options. Bind value with { "@path": "/x" } to read the chosen option. Give it a label.

Examples

Loading examples…

Props

PropTypeDescription
checksobject[]Validation rules. The control shows the first failed one
valuestringBind it with { "@path": "/x" } to read what the user entered
optionsstring | object[]Strings or { "value", "label", "description"? }
placeholderstring
labelstringThe visible label of the field. Always set it
namestring
requiredboolean
disabledboolean
clearableboolean
clearLabelstringThe label of the empty option
searchableboolean
iconstringLucide icon shown before the value
blockbooleanFull width
size"sm" | "md" | "lg" | "xl"Default "xl"
pillbooleanDefault true

Link to Select · All standard components

On this page