button

The <button> tag adds a button to your widget form. This element behavior is similar to React's.

Available attributes:

Attribute	Type	Mandatory	Description
buttonType	String	N	Specify button displaying style for forms and lists. The disabled buttons appear in gray. unstyled – a white color button primary – a blue color button approve – a green color button destructive – a red color button secondary – a transparent background for the button Use the following button types along with the svg attribute: icon-mini – a small square button icon – a square button icon-primary – a square button with blue background icon-border – a square button with borders
disabled	Boolean	N	Specify whether the button should be disabled. A disabled button cannot be clicked.
isVisible	Boolean	N	The default value is true. To disable tag display, set it false.
svg	String	N	Specify the SVG code of a pre-decoded image file.
hint	String	N	Specify the button text hint.
class	String	N	Specify the CSS class name that is defined in the CSS field of the widget.

To set a button, follow the example below:

Button

<checkbox model="data.userCanReject" event-change="window.s_widget_custom.canCheckboxHandler();"></checkbox>
  
<button buttonType="destructive" disabled={data.userCanReject} event-click="window.s_widget_custom.reject();">
  {data.rejectBtnTitle}
</button>

Page tree

button