Input
Select Input
A user input component that allows users to select a single or multiples value(s) from a searchable list of options.
Fields
| Name | Type | Description | Options |
|---|---|---|---|
| Label | Text | - | - |
| Allow Multi-select | Boolean | Select more than one option from the dropdown. | - |
| Options | Key-Value | Key-value object with options. Must be a JSON string or a state reference to a dictionary. | - |
| Placeholder | Text | Text to show when no options are selected. | - |
| Maximum count | Number | The maximum allowable number of selected options. Set to zero for unlimited. | - |
| Accent | Color | - | - |
| Primary text | Color | - | - |
| Chip text | Color | The colour of the text in the chips. | - |
| Container background | Color | - | - |
| Separator | Color | - | - |
| Custom CSS classes | Text | CSS classes, separated by spaces. You can define classes in custom stylesheets. | - |
Events
wf-option-change
wf-option-change
Sent when the selected option changes.
wf-options-change
wf-options-change
Sent when the selected options change.