Merge pull request #2 from camin-mccluskey/feat/custom-submit-button-…

…classname [FEATURE]: Custom Submit Button Classname
camin-mccluskey · Aug 23, 2023 · 3c5e336 · 3c5e336
2 parents d71b776 + 1c449c1
commit 3c5e336
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-hook-form-multistep",
   "description": "Extensible multistep forms for React Hook Form.",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "private": false,
   "author": {
     "name": "Camin McCluskey",

diff --git a/src/components/SubmitButton.tsx b/src/components/SubmitButton.tsx
@@ -6,13 +6,15 @@ import type { FormStepOnSubmit } from '~/types'
 
 type SubmitButtonProps<StepFormData extends FieldValues> = {
   label?: string
+  className?: string
   handleSubmit: UseFormHandleSubmit<StepFormData>
   onSubmit: FormStepOnSubmit<StepFormData>
   disabled: boolean
 }
 
 export default function SubmitButton<StepFormData extends FieldValues>({
   label = 'Next',
+  className,
   handleSubmit,
   onSubmit,
   disabled,
@@ -26,7 +28,7 @@ export default function SubmitButton<StepFormData extends FieldValues>({
   })
 
   return (
-    <button type="submit" disabled={disabled} ref={submitButtonRef}>
+    <button type="submit" className={className} disabled={disabled} ref={submitButtonRef}>
       {label}
     </button>
   )