ion-checkbox

Defines a CheckBox component.

A CheckBox is a form’s input component that holds a boolean value.
Checkboxes are no different than HTML checkbox inputs. However, like other Ionic components, checkboxes are styled differently on each platform.
Use the Checked property to set its default value, and the Disabled property to prevent the user from changing the value.
Like any other form’s inputs, it has a Control name property you may change for a more friendly name to use in a custom validation function.
For more information: Checkbox.

Note: Make sure to add your component under a Generic Item or <ion-item> to make it work properly in form.

Name Description
Alignment How to control the alignment of the checkbox and label on the cross axisstart: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.center: The label and control will appear at the center of the cross axis in both LTR and RTL.
Binding The object or variable to bind with the control.
Color Specifies ionic color.
Control checked If true the checkbox will be checked.
Control name The associated declared control name.
Disabled If true the component will be disabled, preventing the the user from changing the value.
Indeterminate If true, the checkbox will visually appear as indeterminate.
Justify How to pack the label and checkbox within a line.start: The label and checkbox will appear on the left in LTR and on the right in RTL.end: The label and checkbox will appear on the right in LTR and on the left in RTL.space-between: The label and checkbox will appear on opposite ends of the line with space between the two elements.
LabelPlacement Where to place the label relative to the checkbox.start: The label will appear to the left of the checkbox in LTR and to the right in RTL.end: The label will appear to the right of the checkbox in LTR and to the left in RTL.fixed: The label has the same behavior as start except it also has a fixed width. Long text will be truncated with ellipses (…).stacked: The label will appear above the checkbox regardless of the direction. The alignment of the label can be controlled with the alignment property.
Legacy Set the legacy property to true to forcibly use the legacy form control markup.Ionic will only opt checkboxes in to the modern form markup when they are using either the aria-label attribute or have text in the default slot.As a result, the legacy property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior.Note: this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
Mode Specifies ionic mode.
Value The value of the Checkbox does not mean if it’s checked or not, use the Checked property for that.
Comment Describes the object comment to include in the documentation report. This property generally contains an explanation about the object.
Identifier Defines the component identifier.
Is active Defines whether the component is active.