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.