Checkbox support / Dropdowns with multiple selection at a time

First Check

• I added a very descriptive title to this issue.
• I used the GitHub search to find a similar issue and didn’t find it.
• I searched the FastAPI documentation, with the integrated search.
• I already searched in Google “How to X in FastAPI” and didn’t find any information.
• I already read and followed all the tutorial in the docs and didn’t find an answer.
• I already checked if it is not related to FastAPI but to Pydantic.
• I already checked if it is not related to FastAPI but to Swagger UI.
• I already checked if it is not related to FastAPI but to ReDoc.

Commit to Help

• I commit to help with one of those options 👆

Example Code

from fastapi import UploadFile, File, Request, Query
app = FastAPI()
@app.get('/selections')
async def selection_and(_q : str= Query("regression", enum = ["regression", "classification"]), _p : str = Query("target", enum = ['target', 'response'])):
    return({"task": _q, "target": _p})

Description

Is there a way to create checkboxes based on dynamic user inputs with FastAPI and use the checkbox answers to further analyze. Also, looking for dropdowns/search bars with multiple selection to select variables. I am able to incorporate dropdowns with one selection at a time.

Already referred this: https://eugeneyan.com/writing/fastapi-html-checkbox-download/

Best Regards,

Operating System

Windows

Operating System Details

No response

FastAPI Version

0.68.0

Python Version

3.8

Additional Context

No response

[Sagaryal]

@gauravgund I tried as following for multiple selection. And is working. Swagger-ui supports it as I mention in above comment. Swagger json requires ‘array’ type. For FastApi to generate ‘array’ type, we need to supply Array and for this case List/list worked.

from enum import Enum
from typing import List
from fastapi import Query

class MyEnums(str, Enum):
    item_1 = "item_1"
    item_2 = "item_2"
    item_3 = "item_3"

@api_routes.post('/single-multi-selection')
def singleMultiSelectionField(singleSelctionDropdown: MyEnums, multiSelctionDropdown: List[MyEnums] = Query(...)):
    singleDropdownValue = singleSelctionDropdown.value
    multiSelectionList = [item.value for item in multiSelctionDropdown]

Also you can check this issue. It provides more info on dropdowns.

[Sagaryal]

https://swagger.io/docs/open-source-tools/swagger-ui/customization/plugin-api/

Fastapi just makes use of swagger ui so you’ll get more support on their GitHub repo if you need it. Could you close out this issue as it is not to do with fastapi

Could you please elaborate how to integrate it in FastAPI? Swagger UI supports it as show here. /pet/findByStatus