Merge pull request #217 from Hipo/feat/number-input-improvement

feat(input/number): Add className `number-input`
studiobakers · Aug 17, 2023 · 5d089c5 · 5d089c5
2 parents af4cd8c + 243ab40
commit 5d089c5
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/form/input/number/NumberInput.tsx b/src/form/input/number/NumberInput.tsx
@@ -1,3 +1,4 @@
+import classNames from "classnames";
 import React from "react";
 
 import Input from "../Input";
@@ -17,6 +18,7 @@ const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>((props,
     value,
     onChange,
     inputMode = "decimal",
+    customClassName,
     ...rest
   } = props;
 
@@ -50,7 +52,14 @@ const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>((props,
   });
 
   return (
-    <Input ref={ref} type={"text"} onChange={handleChange} value={finalValue} {...rest} />
+    <Input
+      ref={ref}
+      customClassName={classNames(customClassName, "number-input")}
+      type={"text"}
+      onChange={handleChange}
+      value={finalValue}
+      {...rest}
+    />
   );
 
   function handleChange(event: React.SyntheticEvent<HTMLInputElement>) {