SubmitButton Component

Name: FormFlow
Rating: 4.9 (50 reviews)
Author: FormFlow

Styled submit button with loading states and form integration.

Usage

import { FormFlow, Input, SubmitButton } from '@formflow.sh/react';

function MyForm() {
  return (
    <FormFlow apiKey="ff_live_xxx">
      <Input name="email" type="email" label="Email" required />
      <SubmitButton>Send Message</SubmitButton>
    </FormFlow>
  );
}

Props

Prop	Type	Required	Description
`children`	React.ReactNode	No	Button text or content. Default: "Submit"
`disabled`	boolean	No	Disable the button. Default: false
`loadingText`	string	No	Text shown during submission. Default: "Submitting..."

Behavior

Loading State: Automatically shows a spinner and "Submitting..." text during form submission
Disabled State: Button is disabled during submission to prevent duplicate submissions
Theme Aware: Automatically adapts to the FormFlow theme (minimal, modern, brutalist, glass)

Examples

Custom Button Text

<SubmitButton>Send Message</SubmitButton>

Custom Loading Text

<SubmitButton loadingText="Sending...">
  Submit Form
</SubmitButton>

Call to Action

<SubmitButton>Get Started Free →</SubmitButton>