Skip to main content

Dropdown

A dropdown is a list in which the selected item is always visible while other items are visible on demand by clicking a dropdown button. Dropdowns are typically used for forms.

Examples​

Properties​

NameTypeDefaultDescription
valuestringkey value of the selected option.
labelstringLabel to display above the control.
placeholderstringThe short hint displayed in the dropdown before the user selects a value.
errorMessagestringStatic error message displayed below the dropdown.
focusedboolfalseWhen set to true the focus is set on the control when it's shown on the page or page opened.
datastringAdditional data attached to the control. The value is passed in change event data along with a dropdown selected value.

Events​

NameDescription
changeFires when the value of dropdown is changed.
focusFires when the control has received focus.
blurFires when the control has lost focus.

Child controls​

Option control​

Option represents an item within dropdown list.

NameTypeDefaultDescription
keystringOption's key. text value will be used instead if key is not specified.
textstringOption's display text. key value will be used instead if text is not specified.
itemTypestringnormalOption type: normal (default), divider, header.
disabledboolfalseDefines whether an item in a dropdown is selectable or not.