Input
Select Input
Input
Select Input
A user input component that allows users to select a single value from a searchable list of options.
Fields
| Name | Type | Description | Options |
|---|---|---|---|
| Label | Text | ||
| 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 | ||
| Chip text | Color | The color of the text in the chips. | |
| Primary text | Color | ||
| Secondary text | Color | ||
| Container background | Color | ||
| Separator | Color | ||
| Custom CSS classes | Text | CSS classes, separated by spaces. You can define classes in custom stylesheets. |
Events
Low code usage
This component can be declared directly in Python, using backend-driven UI.
ui.SelectInput(content={
"label": "", # str
"options": {}, # Union[Dict, str]
"placeholder": "", # str
"maximumCount": 0.0, # Union[float, str]
"accentColor": "", # str
"chipTextColor": "", # str
"primaryTextColor": "", # str
"secondaryTextColor": "", # str
"containerBackgroundColor": "", # str
"separatorColor": "", # str
"cssClasses": "", # str
},
handlers={
"wf-option-change": handle_event,
}
)
A function, in this example handle_event, should be implemented in your code to handle events.
def handle_event(state, payload, context, ui):
pass