Skip to main content

Dropdown

A widget that includes a dropdown parameter allowing users to select from predefined options. The selected option is passed to the widget as a parameter.

Note that multiSelect can be turned on and off.

Dropdown Parameter Example
@register_widget({
"name": "Markdown Widget with Dropdown",
"description": "A markdown widget with a dropdown parameter",
"endpoint": "markdown_widget_with_dropdown",
"gridData": {"w": 16, "h": 6},
"type": "markdown",
"params": [
{
"paramName": "days_picker",
"description": "Number of days to look back",
"value": "1",
"label": "Select Days",
"type": "text",
"multiSelect": True,
"options": [
{
"value": "1",
"label": "1"
},
{
"value": "5",
"label": "5"
},
{
"value": "10",
"label": "10"
},
{
"value": "20",
"label": "20"
},
{
"value": "30",
"label": "30"
}
]
}
]
})
@app.get("/markdown_widget_with_dropdown")
def markdown_widget_with_dropdown(days_picker: str):
"""Returns a markdown widget with dropdown parameter"""
return f"""# Dropdown
Selected days: {days_picker}
"""