Skip to main content
Version: 8.0

Checkbox component

Level: beginner

Checkbox is a component that lets you set up a checkbox on an app page.

Properties

id string

The unique ID. Service field.

value boolean

The flag that specifies the checkbox status. By default, false.

disabled boolean

The flag that locks the checkbox from editing. By default, false.

inversed boolean

The flag that inverts the checkbox style. By default, false.

label string

The checkbox title.

ariaLabel string

The checkbox property mapped to the aria-label element attribute. Learn more about the aria-label attribute in the official Mozilla documentation.

labelPosition string

Specifies where to display the checkbox title. By default, auto.

Available values

auto

Move the checkbox title automatically when the available screen space for the input changes. By default, to the left. When shrunk, above.

left

Display the title to the left of the checkbox.

right

Display the title to the right of the checkbox.

hidden

Hide the checkbox title.

above

Display the title above the checkbox.

Events

valueChange boolean

Fires when the checkbox value changes.