Interactive Rating Component with React and TailwindCSS

Hey :) I just wanted to point out that the "focus background" is missing from the rating buttons. Like the design images show, they are supposed to have a grey background when one is selected. Just some advice for when you do tackle this, you should make it so that it remains in that style even when you focus off of the button. And of course, only one should be able to be selected at a time.

Hey there,

This is looking great! 🎊

The only thing I can think of to improve would be to update the submit button to only enable submit when a rating is selected. You could update your onFormSubmit function to only set submit to true if your selection state is not null.

As for the issue found in the accessibility report, wrapping your Rate and Thanks components within a <main> tag should fix that up.

Happy coding! 🐱