Select

Native html input `autocomplete` attribute.

Optional bindings to pass to the inner components.

Use this to compare objects by a particular field, or pass your own comparison function for complete control over how objects are compared.

Optional classes to pass to the inner components.

The open state of the select when it is initially rendered. Use when you do not need to control its open state.

The value of the select when initially rendered. Use when you do not need to control the state of the Select

The reading direction of the combobox when applicable. If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode.

When `true`, prevents the user from interacting with Select

The form input identifier.

The defaults items to display for the select input.

Whether multiple options can be selected or not.

The name of the field. Submitted with its owning form as part of a name/value pair.

The controlled open state of the Select. Can be bind as `v-model:open`.

The placeholder to display for the select input.

Bindings presets

When `true`, indicates that the user must set the value before the owning form can be submitted.

The radius of the select input.

The size of the select input.

The variant of the select input.

The value given as data when submitted with a `name`.

The element or component this component should render as. Can be overwritten by `asChild`.

Change the default rendered element for the one passed as a child, merging their props and behavior. Read our [Composition](https://www.reka-ui.com/docs/guides/composition) guide for more details.

When `true`, prevents the user from interacting with the item.

Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the `SelectItemText` part. Use this when the content is complex, or you have non-textual content inside.