DEV Community

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

Posted on β€’ Originally published at florin-pop.com

9 1

Weekly Coding Challenge - Week #12 - Toggle

Theme of the week: Toggle

Description

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! πŸ˜‡

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay