A CheckBox is a selectable toggle element used to mark options as checked or unchecked. It supports customizable text styling, margins, and initial checked state. It is typically used in forms, settings, and multi-selection interfaces.
| Field | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Name of the checkbox element. |
| Enable | Boolean | true | Enables or disables the checkbox. |
| Text | String | {text} | Label text displayed next to the checkbox. |
| Text.Color | Color | {textColor} | Color of the checkbox label text. |
| Text.Style | TextStyle | {textStyle} | Style of the label text (bold, italic, etc.). |
| Text.Size | Number | 16 | Font size of the checkbox label text. |
| Margin | Number | 20 | Outer margin around the checkbox. |
| MarginLine | Number | 10 | Inner spacing relative to nearby elements. |
| Check | Boolean | false | Determines whether the checkbox is initially checked. |
Coding:
{
"@Type": "CheckBox",
"Name": "{name}",
"Enable": true,
"Text": "{text}",
"Text.Color": "{textColor}",
"Text.Style": "{textStyle}",
"Text.Size": 16,
"Margin": 20,
"MarginLine": 10,
"Check": false
}To see how to create this element in Applin Studio (no-code mode), visit:
Design the CheckBox in Applin Studio