<switch> element represents a boolean input field. When pressed, the switch toggles values between "on" and "off". The value of the
<switch> get serialized as form data when a
<form> gets submitted.
<form> <switch name="notifications" value="on" /> </form>
<switch> element can appear anywhere within a
The name of the field within a
<form> element. This name will be used when serializing a form to form data that gets sent in a server request.
|"on", "off"||No (defaults to "off")|
The value of the field. A value of "on" corresponds to a switch that is on.
A space-separated list of styles to apply to the element. See Styles. Note that the only style that will be applied to the switch is
backgroundColor. The color will be applied to the thumb of the switch (the part that moves between on/off). The background color will be applied to the track of the switch.
<switch> supports the
selected style modifier. See Modifiers for more details. The
color in the
selected modifier will be applied when the switch is on.
A global attribute uniquely identifying the element in the whole document.
|false (default), true||No|
hide="true", the element will not be rendered on screen. If the element or any of the element's children have a behavior that triggers on "load" or "visible", those behaviors will not trigger while the element is hidden.