ion-checkbox
Checkboxes allow the selection of multiple options from a set of options. They appear as checked (ticked) when activated. Clicking on a checkbox will toggle the checked property. They can also be checked programmatically by setting the checked property.
Properties
checked
boolean
If true, the checkbox is selected. Defaults to false.
color
string
The color to use from your application's color palette.
Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark".
For more information on colors, see theming.
disabled
boolean
If true, the user cannot interact with the checkbox. Defaults to false.
mode
string
The mode determines which platform styles to use.
Possible values are: "ios" or "md".
name
string
The name of the control, which is submitted with the form data.
value
string
The value of the checkbox.
Attributes
checked
boolean
If true, the checkbox is selected. Defaults to false.
color
string
The color to use from your application's color palette.
Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark".
For more information on colors, see theming.
disabled
boolean
If true, the user cannot interact with the checkbox. Defaults to false.
mode
string
The mode determines which platform styles to use.
Possible values are: "ios" or "md".
name
string
The name of the control, which is submitted with the form data.
value
string
The value of the checkbox.
Events
ionBlur
Emitted when the toggle loses focus.
ionChange
Emitted when the checked property has changed.
ionFocus
Emitted when the toggle has focus.
ionStyle
Emitted when the styles change.
Built with StencilJS