How can I change the color of the white dot in the radio button? | Mantine | Page 1

toxic juniper Dec 5, 2022, 12:45 AM

#

I am having trouble changing the color of this center white area.
I would appreciate it if you could tell me how to do this.

untold dirge Dec 5, 2022, 1:05 AM

#

https://codesandbox.io/s/jolly-flower-95x36j?file=/src/App.tsx

CodeSandbox

AarRidho

jolly-flower-95x36j - CodeSandbox

jolly-flower-95x36j by AarRidho using @emotion/react, @mantine/carousel, @mantine/core, @mantine/dates, @mantine/form, @mantine/hooks, @mantine/modals, @mantine/notifications, @mantine/prism

toxic juniper Dec 5, 2022, 1:15 AM

#

Thank you very much for your quick help!

tidal lily Dec 5, 2022, 10:07 AM

#

@untold dirge cool where can i find the css selectors if i want to do the same thing for input or a different component

untold dirge Dec 5, 2022, 10:59 AM

#

You can find it on Styles API tab, here is the TextInput for example

Screenshot_2022-12-05-17-58-17-33_e4424258c8b8649f6e67d283a50a2cbc.jpg

untold dirge Dec 5, 2022, 10:59 AM

#

tidal lily <@163221980558917632> cool where can i find the css selectors if i want to do th...

If there is no Styles API tab, then it is not supported on that component

#

You could also just inspect the element, and then look at the rendered class name suffix

#How can I change the color of the white dot in the radio button?