Skip to main content

Select

Usage​

PreviewAngularReactVueJavascript

Editable​

PreviewAngularReactVueJavascript

Multiselect​

PreviewAngularReactVueJavascript

Properties (ix-select)​

Props​

Name
Description and specifications
allowClear
Show clear button
Attribute:
allow-clear
Type:
boolean
Default:
false
disabled
If true the select will be in disabled state
Attribute:
disabled
Type:
boolean
Default:
false
editable
Select is extendable
Attribute:
editable
Type:
boolean
Default:
false
hideListHeader
Since 1.5.0
Hide list header
Attribute:
hide-list-header
Type:
boolean
Default:
false
i18nNoMatches
Since 1.5.0
Hint inside of dropdown if no items where found with current filter text
Attribute:
i-1-8n-no-matches
Type:
string
Default:
'No matches'
i18nPlaceholder
Input field placeholder
Attribute:
i-1-8n-placeholder
Type:
string
Default:
'Select an option'
i18nPlaceholderEditable
Input field placeholder for editable select
Attribute:
i-1-8n-placeholder-editable
Type:
string
Default:
'Type of select option'
i18nSelectListHeader
Select list header
Attribute:
i-1-8n-select-list-header
Type:
string
Default:
'Please select an option'
mode
Selection mode
Attribute:
mode
Type:
"multiple" ｜ "single"
Default:
'single'
readonly
If true the select will be in readonly mode
Attribute:
readonly
Type:
boolean
Default:
false
selectedIndices
Deprecated
since 2.0.0. Use the `value` property instead.
Indices of selected items. This corresponds to the value property of ix-select-items and therefor not necessarily the indices of the items in the list.
Attribute:
selected-indices
Type:
string ｜ string[]
value
Since 2.0.0
Current selected value. This corresponds to the value property of ix-select-items
Attribute:
value
Type:
string ｜ string[]

Events​

Name
Description and specifications
addItem
Item added to selection
Detail:
string
inputChange
Since 2.0.0
Event dispatched whenever the text input changes.
Detail:
string
itemSelectionChange
Deprecated
since 2.0.0. Use `valueChange` instead.
Item selection changed
Detail:
string[]
valueChange
Since 2.0.0
Value changed
Detail:
string | string[]

Properties (ix-select-item)​

Props​

Name
Description and specifications
label
Displayed name of the item
Attribute:
label
Type:
string
selected
Flag indicating whether the item is selected
Attribute:
selected
Type:
boolean
Default:
false
value
Deprecated
will be changed to type string with next major release (3.0.0)
The value of the item. Important: The select component uses string values to handle selection and will call toString() on this value. Therefor a string should be passed to value to prevent unexpected behavior.
Attribute:
value
Type:
any

Events​

Name
Description and specifications
itemClick
Item clicked
Detail:
string