sf
react-submit-flow
Theme
Default
Forest
High contrast
☾
Docs
Examples
npm ↗
Documentation
Start here
Overview
Getting started
Dependencies and bundle
Concepts
Flow lifecycle
Results and errors
Cancellation
Chaining actions
API reference
useSubmitFlow
Components
Provider and feedback
Headless and adapters
Guides
Forms
Dialogs
Styling and themes
Integrations
React Hook Form
TanStack Query
Next.js Server Functions
Help
Troubleshooting
Documentation
Build a calmer submit flow.
Typed async actions, accessible feedback, and dialogs that work with the forms you already have.
Start here
Overview
What the library does and where it fits.
Getting started
Install the package and build a first typed form.
Dependencies and bundle
Runtime dependencies, peer requirements, and package entry points.
Concepts
Flow lifecycle
Understand flow ownership, state, and duplicate prevention.
Results and errors
Handle typed outcomes and map safe user feedback.
Cancellation
Abort work safely and understand what cancellation means.
Chaining actions
Sequence related work without nested flow locks.
API reference
useSubmitFlow
Action definitions, options, state, and typed run results.
Components
Forms, roots, buttons, and inline feedback.
Provider and feedback
Shared notifications, standalone dialogs, and provider options.
Headless and adapters
Bring your own UI with the headless entry and adapters.
Guides
Forms
Native form submission, validation, and input mapping.
Dialogs
Confirm, alert, dismiss, and retain dialogs during execution.
Styling and themes
Theme tokens, presets, custom CSS, and RTL.
Integrations
React Hook Form
Keep field validation in RHF and delegate async work to a flow.
TanStack Query
Use mutateAsync without duplicate notifications.
Next.js Server Functions
Call server functions from a client-owned flow.
Help
Troubleshooting
Resolve common setup, form, and dialog issues.
Browse all runnable examples →