Skip to content
Home

SubmitButton

Info
Demos
Properties

Demos

Standard text

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

Send variant

Code Editor
<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.

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