Skip to content
Submitted about 4 years ago

Pricing component with toggle

pierre-pellegrino•970
@pierre-pellegrino
A solution to the Pricing component with toggle challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

It was fun to make the toggle button controllable with arrow keys.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • P
    j5•2,270
    @jmnyarega

    This is amazing work @PierreWagon.

    The only issue is the lack of focus styles on the toggle - but you could easily fix that by adding styling to the labels when the focus is on radio input. You can easily do that with :focus-within

    Nice work.

    Marked as helpful
  • Matthew Van Pelt•575
    @Mattvp21

    The arrow buttons are a cool touch! Good job! Lol no worries about the checkbox, I did the same kind of thing on mine :)

  • Roman Zvir•290
    @rmzvr

    oh good job, i like it)

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