Safari has a native toggle control

Safari is supporting toggles natively, starting with version 17.4. At the time of writing Safari is the only browser supporting toggles. In Safari it is called a switch. It´s implementend as a progressive enhancement on top of a checkbox: <input type="checkbox" switch/>. The switch attribute makes the checkbox render as a toggle. Browsers other than Safari will not understand the switch attribute and ignore it. I came across this while writing Toggles suck.

In case you are using Safari, you should see a toggle. Because the switch is ignored by browsers that do not know it, you will see a checkbox when using a different browser.
Comments