Grouping Options within DCC Dropdown

[plotnm]

I’m trying to list many options in the Dropdown component, and want to group my options by category. I know that we can use the HTML component Optgroup to accomplish this, but I am confused about integrating this into the Dropdown. Are there any examples I can see of this? I saw that I may need to use the HTML Select component. Any help you could provide would be greatly appreciated.

Alternatively, if anyone has any suggestions to group options in the Dropdown without using Optgroup, please feel free to mention them.

[AnnMarieW]

Hi @plotnm and welcome to the Dash community

You might find this post helpful:

Dropdown Sub Category List

Hi @outlier You can make groups with the dash-mantine-components dmc.Select or dmc.MultiSelect components. Here is an example: [image] from dash import Dash, html import dash_mantine_components as dmc app = Dash(__name__) app.layout = html.Div( [ dmc.Select( label="Select category", placeholder="Select one", value="sub-1", data=[ {"value": "sub-1", "label": "Sub Category 1", "group": "Main Category"}, …