Dropdown

Overview

Dropdowns present a list of options from which a user can select one option, or several. A selected option can represent a value in a form or can be used as an action to filter or sort existing content.

Demo

Select Variant

Props

Property	Description	Type	Values	Default	Required
label	The label for the input	string	string		✓
options	A list of options for the dropdown	DropdownOption[]	DropdownOption[]		✓
hideLabel	Hide the label	boolean \| undefined	boolean \| undefined
disabled	Disable the select	boolean \| undefined	boolean \| undefined
required	Make the select required	boolean \| undefined	boolean \| undefined
placeholder	The placeholder for the select	string \| undefined	string \| undefined
wrapperClass	Add a class to the input wrap	string \| string[] \| undefined	string \| string[] \| undefined
modelValue		string \| number \| boolean \| undefined	string \| number \| boolean \| undefined

Events

Name	Return Type
update:modelValue	[value: string \| number \| boolean \| undefined]