Buttons can be added to perform various actions within the form. The most obvious function of the Button component is the Submission action. However, you can also utilize the Button component to trigger events associated with workflow logic, reset field data, authenticate to an OAuth provider, and more.

In addition to functionality, the Button component offers many settings to change the style and theme of the component.

Unique Settings: Field Examples | Guidance | JSON

Action: The functionality that executes when the button is clicked. Click the event to show additional settings related to the selected action:

• Submit: Submits the form to the back-end server.
• Save In State: Works with the Save In State workflow for a 'Save as Draft' process.
• Reset: Resets all fields on the form back to their pristine state.
• Event: Triggers an event on the form, usually linked to application logic.
• OAuth: Opens an OAuth authentication popup (must be assigned to an OAuth Action).
• Post to URL: Sends form data to a specified URL.
• Custom: Write custom JavaScript code to fire an action.

Save On Enter: Allows users to submit the form using the Enter key.

Theme: Sets a theme (color) for the button, mapped to Bootstrap classes.

Size: Adjusts the button size.

Block Button: Spans the button horizontally across the form.

Left/Right Icon: Assigns an icon to the left or right of the button label using Font Awesome icon classes.

Disable on Form Invalid: Disables the button if any field in the form is invalid.