[Dash Mantine Components] dcc.Upload doesn't show in light or dark mode

Dash Python
1

In general, I’d like to know how style dcc components to make them consistent with the dmc components styling.

Here’s my code:

dmc.Col(
    dcc.Upload(
        id="upload-data",
        children=html.Div(
            ["Drag and drop or click to select a file to upload"]
        ),
        accept=".xlsx",
        className="mt-1",
    ),
    span=4,
),

And here’s what it looks like on the screen:

image

I appreciate any help given. I’ve been banging my head against the wall trying to

2

Hey @BizTheDad welcome to the community.

I think the dcc.Upload itself does not have any style. So the appearance depends on the children in you case, you are using a html.Div(). Instead, you could use a dmc.Paper() or any other dmc component you want.

3

I took your advice and it worked great. On a side note, I think my question betrayed my inexperience with Dash. Thanks for your patience in addition to your response.

1 Like