Select
Add a select input to your app to allow users to choose from a list of many options.
Options
Select options can be added manually or pulled from a remote source. The input ID in the URL template for your select input is replaced with the selected option’s value.
Manual Options
Select the "manual" options type, then add options to your select input and set a default option.
Remote Options
Select the "remote" options type, then specify the options URL and any required headers. The API must return a JSON response in the following format.
[
{
"label": "my label",
"value": "my-value",
},
{
"label": "my second label",
"value": "my-second-value",
}
]
A default option can be set by setting default
to true
for any given option.
[
{
"label": "my label",
"value": "my-value",
},
{
"label": "my second label",
"value": "my-second-value",
"default": true
}
]
Validation
The select input supports the following validation options:
- Required: Prevent your app from rendering until an input value is provided.
Appearance
Add helper text to provide helpful context or link to a support article for additional instructions.
Next Steps
- See how the Select input is used in a sample app
- Check out the Button Group input
- Browse the available input types
Was this article helpful to you?
Provide feedback
Last edited on November 29, 2024.
Edit this page