7a8d5f68d2
- remove scss-lint and sass-lint - add stylelint and stylelint-order packages and configuration - update all *.scss files to new syntax fixes #14805
ion-toggle
Toggles change the state of a single option. Toggles can be switched on or off by pressing or swiping them. They can also be checked programmatically by setting the checked property.
Properties
checked
boolean
If true, the toggle is selected. Defaults to false.
color
string
The color to use from your Sass $colors map.
Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark".
disabled
boolean
Indicates that the user cannot interact with the control.
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 toggle.
Attributes
checked
boolean
If true, the toggle is selected. Defaults to false.
color
string
The color to use from your Sass $colors map.
Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark".
disabled
boolean
Indicates that the user cannot interact with the control.
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 toggle.
Events
ionBlur
Emitted when the toggle loses focus.
ionChange
Emitted when the value property has changed.
ionFocus
Emitted when the toggle has focus.
ionStyle
Emitted when the styles change.
Built with StencilJS