Feature: allow consumers to pass custom className prop to SubmitButton

camin-mccluskey · Aug 23, 2023 · 9d167b5 · 9d167b5
1 parent d71b776
commit 9d167b5
Showing 1 changed file with 3 additions and 1 deletion.
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>
   )