Checkbox

Checkbox lets users select one or more options from a group of options.
Properties
Form item name: This is the name that the encompassing form will use to access the output of the checkbox. See Form for how it's used.
Options: Each option has 2 input boxes. The upper box holds the actual value the checkbox takes (that will be able to be used from the output array) and the lower box holds the display name of that checkbox.
Default value: Select which option will be the default value.
Border style: Toggling this on will create borders around each option.
Size: Choose the size of the checkbox. Options include, small, default, and large.
Disabled: When toggled on, users will not be able to select an option.
See Form Check for data validation.
See Tooltip for tooltip configurations.
Output
The output of a checkbox is an array of your selections. For example, if you select option2 and option3, the form item will be ['option2', 'option3']. 
Build interactions
You need to build some interactions to use the output of form elements. Typically, there are two ways to access the output
1.Directly add action after event 
After you add an event and an action, use ${event.value} in action to access the output of the element.
2.Use form to collect form data
See details in Use Form Container to collect user inputs​
Supported Events
Change Checkbox: Triggered when a user clicks one of the checkboxes.
Supported Actions
Set Value: Set the output value.
Set Validate Result: Set whether the input is valid.
Set Data: Change element data. See Data Store.
Set Loading: Set loading animation. See Set loading animations.
Visit Interactions for more on events and actions.

Search Bar

Date Picker

Last modified 7mo ago