Skip to main content

Checkbox

Give users binary choices. Whether it is checked or not.

Properties

PropertyTypeDescription
Name (name)stringUnique identifier for the checkbox component
Label (label)stringText displayed next to the checkbox
Default Value (defaultValue)string (boolean)Code that returns the default value
Disable Component (isDisabled)booleanWhether the checkbox is disabled
Hide Component (isHidden)booleanWhether the checkbox is hidden in deployed pages
Width (display)DisplayHow the checkbox component occupies width

Name (name)

Unique identifier for the checkbox component. Please refer to the component naming rules

Label (label)

Sets the text displayed on the left side of the checkbox. (Supports Template Text)

Default Value (defaultValue)

Sets the default checked value for the component.
Can be set through workflow results, direct input.

Disable Component (isDisabled)

Sets the disabled state of the component.
Can be set through workflow results, direct input.
When enabled, prevents user interaction with the component.

Hide Component (isHidden)

Controls visibility of the component.
When set to true:

  • Hidden in deployed view
  • Visible with reduced opacity in edit mode

Width (display)

Sets how the component occupies width.
Selecting "Block" enables full-width usage.
Selecting "Auto" adjusts width to fit the label content.

States

PropertyTypeDescription
checkedbooleanChecked state of the checkbox

Type Definitions

type Display = 'inline-block' | 'block';