Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Pricing Component with Toggle - Radio Toggle

@MalexLucero

Desktop design screenshot for the Pricing component with toggle coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


In this exercise, I used two radio buttons. I would love to hear what solutions you came up with for building out the toggle, and the pros and cons.

Pros

  1. The label can be clicked to change the selection
  2. No animations required to reflect the new state
  3. More radios can be added

Cons

  1. Difficult to style
  2. Difficult to animate the transition

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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