Skip to content
Home

Form.SubmitButton

Info
Demos
Properties

Demos

Standard text

<Form.Handler
  data={{
    foo: 'bar',
  }}
  onSubmit={(data) => console.log('onSubmit', data)}
>
  <Form.SubmitButton />
</Form.Handler>

Send variant

<Form.Handler
  data={{
    foo: 'bar',
  }}
  onSubmit={(data) => console.log('onSubmit', data)}
>
  <Form.SubmitButton variant="send" />
</Form.Handler>

With SubmitIndicator

Example of showing the Form.SubmitIndicator with the property showSubmitIndicator set to true.

When using the submit button inside Form.Handler you can use an async onSubmit event handler to show a loading indicator when the form is submitting.

<Form.Handler>
  <Form.SubmitButton showIndicator />
</Form.Handler>