Submitted about 1 year ago

Rating Component with hover and click active states built with React

react, tailwind-css, vite

FG-ABC•180

@FG-ABC

A solution to the Interactive rating component challenge

Preview Code

Solution retrospective

What challenges did you encounter, and how did you overcome them?

I initially used the onMouseEnter and onMouseExit event handlers to handle the active state functionality of the buttons, but I realized that it was better and much easier to just use AND operators and the hover: classifier that comes with tailwind.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on FG-ABC's solution.

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