Installation
How to set up Flows in your React application.
The Flows React SDK is a library that allows you to integrate Flows into React applications. It includes a components package to simplify getting started with Flows in your application.
Check out our template projects for examples of how to implement Flows in your application.
Add the FlowsProvider
The SDK provides a FlowsProvider
component that you can use to wrap your app. Initialize it with your organization ID and environment key, which you can find in the Settings > General and Settings > Environments sections of the Flows dashboard.
For a full list of supported properties, see the FlowsProvider documentation.
Optional: Use built-in components
To simplify implementation, you can use the @flows/react-components
package, which provides pre-built components and utilities for block rendering.
You can install the Flows React Components SDK from npm:
Then, import and use the components in your app:
Create your first workflow
That's it! You're now ready to create your first workflow. See our quickstart guide for more information.