Button Component

For the updated documentation on the Button component, refer to the Form.io User Guide.

JSON Schema

The JSON Schema definition for this component is defined as follows.

{
"label": "Submit",
"block": true,
"leftIcon": "fa fa-send",
"disableOnInvalid": true,
"tableView": false,
"key": "submit",
"type": "button",
"input": true,
"saveOnEnter": false
}

Core Properties

This component uses the core properties defined within the Common Parameters section.

Specific Properties

Property	Description	Value	Required	Default
size	The button size, as defined through the Bootstrap Documentation	One of the following (xs, sm, md, lg, xl)	false	md
leftIcon	The icon to place to the left of the button. This should be a FontAwesome font	false	Example: fa-plus
rightIcon	The icon to place to the left of the button. This should be a FontAwesome font	false	Example: fa-plus
block	Determines if the button should be full width of the bounding container.	false	false	false
action	The action to execute when the button is pressed	One of the following. submit - This button should trigger a form submission. reset - This button should clear all form data. event - A custom event that can be fired and handled with a custom controller. oauth - Trigger an OAuth login.	true	submit
disableOnInvalid	Whether to disable this button if the form is invalid.	true or false	true	false
theme	The theme of the button as defined though Bootstrap styles.	primary, success, default, etc.	true	primary