Skip to content

OcSelect component

Description

The OcSelect component displays a select input field based on Vue Select. A more detailed description can be found in the Vue Select documentation.

Accessibility

The label is required and represents the name of the input. It can be visually hidden on the screen by setting label-hidden to true, however it will still be read by screen readers.

Examples

Default

The most basic use case requires the label property and usually has a v-model to bind the selected value and some options.

Multiple

Multiple options can be selected by setting multiple to true.

States

The component can be in a disabled or a loading state.

Messages

There are two different types of messages that can be displayed: description-message and error-message.

Properties

Emits

Slots