Skip to content
Submitted about 3 years ago

css grid, React Cookies, Media queries, React Hooks

Marcel•110
@Marcelckp
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Calculator app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

I have/had no idea how to even begin making the button slider under the theme selection, if you could direct me to any resources to help because I don't even know what the component is called so I had trouble looking for it on google, Thank You again!

Community feedback

  • Tamera•110
    @tlbodrickPosted about 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
    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord