directus/src/components/v-select

Select

Renders a dropdown input.

Usage

<v-select
	v-model="value"
	:items="[
		{
			text: 'Item 1',
			value: 'item-1',
		},
		{
			text: 'Item 2',
			value: 'item-2',
		},
	]"
/>

Props

Prop	Description	Default
items*	Items to render in the select
itemText	What item value to use for the display text	text
itemValue	What item value to use for the item value	value
value	Currently selected item(s)
multiple	Allow multiple items to be selected	false
placeholder	What placeholder to show when no items are selected
full-width	Render the select at full width
disabled	Disable the select
show-deselect	Show the deselect option when a value has been set
close-on-content-click	Close the select when selecting a value	true
inline	Render the select inline in text	false

Events

Event	Description	Value
input	New value for the select	`(string

Slots

n/a

CSS Variables

Variable	Default
--v-select-font-family	var(--family-sans-serif)