CSS toggles are an incredibly common UI component, but most people just use standard checkboxes since they assume toggles are too difficult to create. In this video I will be attempting to create an accessible CSS toggle live for the first time.


Materials/References:

GitHub Code: https://github.com/WebDevSimplified/css-slider-toggle


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:36 - HTML
01:30 - Hide Input CSS
04:07 - Toggle Switch CSS
20:26 - Disabled CSS


#CSSToggle #WDS #CSS