Checkbox label alignment problem

[mthongkerd]

What package has an issue

@mantine/core

Describe the bug

When using component (not string) as the input for Checkbox label the component appears on the bottom right of the checkbox.

What version of @mantine/hooks page do you have in package.json?

5.6.3

If possible, please include a link to a codesandbox with the reproduced problem

https://codesandbox.io/s/mantine-checkbox-label-alignment-problem-jlho96?file=/src/App.js

Do you know how to fix the issue

No response

Are you willing to participate in fixing this issue and create a pull request with the fix

No response

Possible fix

No response

[julihereu]

The same issue appears when using the Switch component label or Radio component label with elements instead of a string.

https://codesandbox.io/s/switch-label-alignment-xspcyk?file=/src/App.js

[adarshaacharya]

@rtivital I've raised pr fixing this issue, please check it !

#2881

[rtivital]

Fixed in 5.7.2 – https://codesandbox.io/s/mantine-checkbox-label-alignment-problem-forked-w43xo7