Buy Now and unlock this series
$
49
.99
yours forever
$
49
.99
Become a Pro and unlock everything
$
24
.99
per month
$
24
.99
Creating a Toggle
The first component we will create for our series is a toggle switch. We will start simple and set it up with some basic styling.
Comments
Josh
15 days ago [edited]
In the real world using a checkbox for a toggle probably isn't ideal. But if you did, you definitely wouldn't want to make the initial check box input
display: none. That would erase the keyboard accessibility by removing the input from the DOM.Heydon Pickering has done some good writing on this topic: https://inclusive-components.design/toggle-button/
Want to join the conversation?
Become a Pro member today!