kopia lustrzana https://github.com/shoelace-style/shoelace
740 B
740 B
Switch
[component-header:sl-switch]
Switches allow the user to toggle an option on or off.
<sl-switch>Switch</sl-switch>
?> This component doesn't work with standard forms. Use <sl-form> instead.
Examples
Checked
Use the checked attribute to activate the switch.
<sl-switch checked>Checked</sl-switch>
Disabled
Use the disabled attribute to disable the switch.
<sl-switch disabled>Disabled</sl-switch>
Custom Size
Use the available custom properties to make the switch a different size.
<sl-switch style="--width: 80px; --height: 32px; --thumb-size: 26px;"></sl-switch>
[component-metadata:sl-switch]