Dash Mantine Components - applying global style to dmc.Text


I’d like to set a margin to apply to all dmc.Text() components in my app.

dmc.Text() doesn’t appear to generate an html p tag, so it’s not possible by styling p in CSS.

Should I style the mantine-Text-root class, which seems to be always added to these elements? Apologies if I’m missing some other obvious solution.

This code:

dmc.Text("Hello World")

generates this HTML:

<div class="mantine-Text-root mantine-1pbxw0k" loading_state="[object Object]">Hello World</div>

dash-mantine-components 0.12.1