Select
Select
Component demo
Interactive example
<ic-selectplaceholder="Select an option..."label="What is your favourite coffee?"></ic-select>
Select details
Props
All components also accept native properties supported by the DOM, such asclassName
and
style
.
|
|
|
|
|---|---|---|
|
|
The label for the select. |
|
|
|
The amount of time, in milliseconds, to wait to trigger the |
|
|
|
If |
|
|
|
If |
|
|
|
The text displayed when there are no options in the option list. |
|
|
|
The <form> element to associate the select with. |
|
|
|
If |
|
|
|
The helper text that will be displayed for additional field guidance. |
|
|
|
If |
|
|
|
If |
|
|
|
If |
|
|
|
If |
|
|
|
The message displayed when external loading times out. |
|
|
|
The message displayed whilst the options are being loaded externally. |
|
|
|
If |
|
|
|
The name of the control, which is submitted with the form data. |
|
|
|
The possible selection options. |
|
|
|
The placeholder value to be displayed. |
|
|
|
If |
|
|
|
If |
|
|
|
Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering. |
|
|
|
If |
|
|
|
If |
|
|
|
If |
|
|
|
The size of the select. |
|
|
|
Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. |
|
|
|
If using external filtering, set a timeout for when loading takes too long. |
|
|
|
The value of the |
|
|
|
The validation status - e.g. 'error' | 'warning' | 'success'. |
|
|
|
The text to display as the validation message. |
|
|
|
The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input. For the multi-select variant, the value must be an array of option values. |
|
|
The label for the select. |
|
The amount of time, in milliseconds, to wait to trigger the |
|
If |
|
If |
|
The text displayed when there are no options in the option list. |
|
The <form> element to associate the select with. |
|
If |
|
The helper text that will be displayed for additional field guidance. |
|
If |
|
If |
|
If |
|
If |
|
The message displayed when external loading times out. |
|
The message displayed whilst the options are being loaded externally. |
|
If |
|
The name of the control, which is submitted with the form data. |
|
The possible selection options. |
|
The placeholder value to be displayed. |
|
If |
|
If |
|
Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering. |
|
If |
|
If |
|
If |
|
|