Skip to Content

Button

The Button button field is a on/off button which returns a boolean value.

Example

{ "component": "button", "label": "Field 1", "name": "my_button", "labelOn": "on", "labelOff": "off", "buttonType": "plain", }
Loading...

Reference

PropertyTypeDescription
componentstring
= "button"
namestringThe name of the field and the key of the JSON
buttonTypestringType of button: toggle 2-states button or link button. Values: "toggle", "link".
labelOnstring | i18n
iconOnstring
labelOffstring | i18n
iconOffstring
initialValueboolean
labelLinkstring | i18n
iconLinkstring
hrefstring
hintstring | i18nShow hint in a tooltip
fullWidthbooleanSet the width of the field to 100% of the enclosing container
widthnumberSet the width (in pixel) of the field
hiddenbooleanHides the field from the form
classNamestringCSS class name to assign to the field container
Pick up a framework to show specific properties
Bootstrap
React Suite