Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
1
Tamera
@tlbodrick

All comments

  • Marcel•110
    @Marcelckp
    Submitted over 3 years ago

    css grid, React Cookies, Media queries, React Hooks

    1
    Tamera•110
    @tlbodrick
    Posted over 3 years ago

    Hi, Marcel!

    If you look up tri-state toggle/switch, you should find some good resources for it. The way I did it is I used hidden radio buttons/labels within a styled div to produce the effect. I used another div to make the circle button as well, and had it hide or show depending on which "theme" (label) I was clicking on.

    Other people don't make the circle clickable, just the numbers, and then have the circle button show/hide depending on the button clicked on. It all depends on what you want!

    Feel free to check out my solution if you like! Good luck.

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub