Checkbox

It allows user to select multiple inputs.

Usage

In most of the cases, we simply use "Checkbox" component combined with same storage name to get user multiple selected input. It allows you to get back the user input data by typing ${ NAME YOU DEFINED IN STORAGE NAME } in anywhere of the app.

Action [ Created | Checked ]

Simply click the action you want to define and drag components inside.

Created:

Mostly used to define further UI design within the Checkbox.

Checked:

It's used to define action when user checked the checkbox component.

Example

Alert all checked value when user checked a new checkbox. The logic is showed below. ( ) is used to define the action we selected and [ ] is used to define the properties we set:

Checkbox -> (Checked) -> Alert [Title: User selected! Content: ${STORAGE NAME}]

Properties

Simply click a gear on the right hand corner of related "Range" component to edit the properties.

Value - It's to define the value of the checkbox.

Icon - Used to define the icon when checkbox is not checked. Type in the url of the image here to display the icon image.

Checked Icon - Used to define the icon when checkbox is checked. Type in the url of the image here to display the icon image.