Select
Select
Component demo
Interactive example
<ic-selectplaceholder="Select an option..."label="What is your favourite coffee?"></ic-select>
<IcSelectplaceholder="Select an option..."label="What is your favourite coffee?"options={options}onIcChange={(event)=>console.log(event.detail.value)}/>
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. |
|
|
The URL that processes the information submitted by the select. It overrides the action attribute of the select's form owner. Does nothing if there is no form owner. This prop should only be used with searchable select and will only be applied if searchable is true. |
|
|
The way the submitted form data is encoded. This prop should only be used with searchable select and will only be applied if searchable is true. |
|
|
The HTTP method used to submit the form. This prop should only be used with searchable select and will only be applied if searchable is true. |
|
|
If |
|
|
The place to display the response from submitting the form. It overrides the target attribute of the select's form owner. This prop should only be used with searchable select and will only be applied if searchable is true. |
|
|
If |
|
|
The helper text that will be displayed for additional field guidance. |
|
|
If |
|
|
If |