Cover image for Weekly Coding Challenge - Week #12 - Toggle

Weekly Coding Challenge - Week #12 - Toggle

florinpop17 profile image Florin Pop Originally published at florin-pop.com ใƒป1 min read

Theme of the week: Toggle


A toggle (or a switch) is a component which allows you to change a state / a boolean value from true to false and vice-versa. It is basically a checkbox, but we are going to hide it and display a nicer version of a toggle instead by using a label. ๐Ÿ˜„

Furthermore, in this article I'm going to build a Dark/Light theme toggle. See below!

Useful Resources

Check out my submission for this challenge: Dark/Light theme toggle.

See all the submissions in this Codepen Collection.

Are you interested in joining the challenge? ๐Ÿ˜ƒ Read The Complete Guide to find out how. Don't forget to share your creation! ๐Ÿ˜‰

Happy Coding! ๐Ÿ˜‡

Posted on by:

florinpop17 profile

Florin Pop


Purple Popper ๐Ÿ’œ, Coding enthusiast ๐Ÿ’ป, YouTuber youtube.com/florinpop ๐Ÿ˜, Streamer twitch.tv/florinpop17 โŒจ - Discord discord.gg/qSse3Ey ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ


Editor guide