@contensis/forms v1.0.0

@contensis/forms

Render Contensis Forms in your React projects.

Installation

Install with your project's preferred package manager

npm install --save @contensis/forms

yarn add --save @contensis/forms

Usage

Render a Contensis Form with React

import React from 'react';
import ReactDOM from 'react-dom/client';
import { ContensisForm } from '@contensis/forms';

// Our React App
const App = () => {
  return (
    <div className="content">
      <ContensisForm
        apiUrl="https://api-{yourcms}.cloud.contensis.com"
        projectId="website"
        formId="contactForm" />
    </div>
  );
  // avoid CORS - omit apiUrl prop to make Forms API requests from your root domain (same as Delivery API requests)
};

const element = document.getElementById('root') as HTMLElement;
ReactDOM.createRoot(element).render(
    <React.StrictMode>
        <App />
    </React.StrictMode>
);

Customistion

All customisation options are available in the <ContensisForm> component props.

API

Specify which Form to request from the Forms API

Event Handlers

Handle or override specific form data and events

Render States

You can override built-in fallback components to render when the form is in a particular state

Example project

You try this out with the React example project