add data-error attribute for label element in inputs

[daniel-aziz]

so label can be applied styles as wrapper or input.

[rtivital]

You can do that with CSS using :has selector – https://codesandbox.io/p/sandbox/mantine-react-template-forked-xksdg6?file=%2Fsrc%2FApp.tsx%3A6%2C11&workspaceId=dd881b63-29f6-464c-bcdf-b5f78ad65b26

.mantine-InputWrapper-root:has(.mantine-Input-input[data-error]) .mantine-InputWrapper-label {
  background-color: red;
}

[daniel-aziz]

Thank you!

was able to achieve this for tailwind under root className.

    root: "[&:has(.mantine-Input-input[data-error])_.mantine-InputWrapper-label]:text-cherry-500",