The <Radio/> component does not receive padding when a value of 0 is passed into the label prop.

[qaynam]

What package has an issue

@mantine/core

Describe the bug

When the number 0 is passed to the label props of the Radio component, it is treated as false and the padding does not work.

import { Box, Flex, Group, MantineProvider, Radio } from "@mantine/core";

export default function App() {
  return (
    <MantineProvider withGlobalStyles withNormalizeCSS>
      <Box sx={{
        padding: 10
      }}>
      <Group>{Array.from({length: 10}).map((_, i) => (
        <Radio key={i} label={i} value={i}/>
      ))}
      </Group>
      </Box>
    </MantineProvider>
  );
}

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

6.0.20

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

https://codesandbox.io/s/blissful-jerry-l29nwm

Do you know how to fix the issue

Yes

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

Yes

Possible fix

change this line

mantine/src/mantine-core/src/InlineInput/InlineInput.tsx

Line 55 in 0455a0f

{label && (

to this

{label != null && (
  <label className={classes.label} data-disabled={disabled || undefined} htmlFor={id}>
    {label}
  </label>
 )}