vbSelect

Bulma documentationopen in new windowSourceopen in new window

A select input

Slots

default

The options and optgroups for the select element.

Props

colour

Type: BulmaColour | undefined

The colour of the select element, colours the border

size

Type: BulmaSize | undefined

The size of the select and options

state

Type: BulmaInputState | undefined

The visual state of the select element

isRounded

Type: boolean| undefined

When true, the select is rounded.

options

Type: (BulmaOption | BulmaOptionGroup | string)[] | undefined

The options for the select element.

If the options are strings, the value will be the same as the text.

Any slot content will override this prop.

modelValue

Type: any

Used for v-model binding.

isFullWidth

Type: boolean | undefined

Whether the select element should take up the full width of the parent.

isMultiple

Type: boolean | number | undefined

Whether the select element should allow multiple selections.

If the type is a number it will be used on the sizeopen in new window attribute.

Emits

update:modelValue

 (name: 'update:modelValue', newValue: any | any[]) => unknown

Emitted when the value of the select element changes.

If the select element is multiple, the value will be an array of the selected values. Else the value will be the value of the selected option.