Componentsv2.189.0
Iconsv1.19.0
MCPv0.8.61
Tokensv0.34.3

A component to handle submitting forms.

Importing

The component can be imported via:

import { Form } from '@customerio/pluma-components/react';

Usage

The Form component is used to handle submitting forms. It is a drop-in replacement for the native <form> element, but with additional features.

Loading editor

Disabling a form

To disable a form, you can pass the isDisabled prop to the Form component.

Loading editor

Autoloading

By default, autoLoading is true. This means the form will disable other submissions and edits while the form is submitting. You can disable this behavior by passing autoLoading={false} to the Form component.

Loading editor

API

PlumaForm extends Box

If true, the form will automatically lock the fields when the onSubmit function is called and it returns a promise.

Disables the form and all its fields.

The function to call when the form is submitted

On this page