React

Start of documentation content

Formally uses React internally and it integrates easily with React.

Prerequisites

  • React
  • A published form

Install

Formally can be used in React by installing the formally package.

Install via NPM...

npm i formally

...or via Yarn

yarn add formally

Use of the formBuilderId prop

Assuming you've already made a form in the form builder then it's as simple as,

import { Formally } from 'formally';
import 'formally/build/styles.min.css';

export const MyForm = () => <Formally formBuilderId="your-form-id" />;

Replace the your-form-id with your form builder id which can be found in the Publish modal in the form builder.

Using the formBuilderId prop will load a JSON file from Formally's servers.

Using other props will require an SDK licence.