[@mantine/core] PasswordInput: Fix withErrorStyles prop being passe…

…d to the DOM element (#6348)
mantinedev · Jun 13, 2024 · dd3c852 · dd3c852
1 parent 6c523b8
commit dd3c852
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/@mantine/core/src/components/PasswordInput/PasswordInput.story.tsx b/packages/@mantine/core/src/components/PasswordInput/PasswordInput.story.tsx
@@ -5,7 +5,12 @@ export default { title: 'PasswordInput' };
 export function Usage() {
   return (
     <div data-disabled>
-      <PasswordInput placeholder="Your password" label="Your password" />
+      <PasswordInput
+        placeholder="Your password"
+        label="Your password"
+        error="test error"
+        withErrorStyles={false}
+      />
     </div>
   );
 }

diff --git a/packages/@mantine/core/src/components/PasswordInput/PasswordInput.tsx b/packages/@mantine/core/src/components/PasswordInput/PasswordInput.tsx
@@ -106,6 +106,7 @@ export const PasswordInput = factory<PasswordInputFactory>((_props, ref) => {
     rightSectionProps,
     leftSectionProps,
     leftSectionPointerEvents,
+    withErrorStyles,
     mod,
     ...others
   } = props;
@@ -215,6 +216,7 @@ export const PasswordInput = factory<PasswordInputFactory>((_props, ref) => {
         leftSectionProps={leftSectionProps}
         leftSectionPointerEvents={leftSectionPointerEvents}
         withAria={false}
+        withErrorStyles={withErrorStyles}
       >
         <input
           required={required}