Install Breeze

resources/js/Components/InputError.tsx

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+
+export default function InputError({
+    message,
+    className = '',
+    ...props
+}: HTMLAttributes<HTMLParagraphElement> & { message?: string }) {
+    return message ? (
+        <p
+            {...props}
+            className={'text-sm text-red-600 ' + className}
+        >
+            {message}
+        </p>
+    ) : null;
+}