Responsive: Interactive rating component

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted over 2 years ago

  Hi Swaraj, great job completing your second challenge! I think this looks really good and works well; the only suggestion I have is to add a cursor: pointer for the rating buttons and submit button.

  Following the suggestion by @buneeIsSlo, I made a copy of the CodePen rating component I had and implemented what was suggested in using a disabled state button. You can check it out here and see how that works if you're interested: https://codepen.io/elaineleung/pen/GRxBNpE

  Well done, and keep going in your coding journey!

  Marked as helpful

  2

  ---

  

  bunee•2,020

  @buneeIsSloPosted over 2 years ago

  @elaineleung That pen is very helpful. I'll be directing people toward it if they need any help with this challenge. Thank you :)

  1

  

  Elaine•11,400

  @elaineleungPosted over 2 years ago

  @buneeIsSlo Glad to help, and thanks again for suggesting 😊

  1

  

  Swaraj•110

  @swarajzzPosted over 2 years ago

  @elaineleung Just finished it with your help, thank you so much.

  1
• 

  bunee•2,020

  @buneeIsSloPosted over 2 years ago

  Hey! @swarajzz, Good job on this one! Everything works as expected. There is just one thing I'd suggest you fix. Instead of having a default value for rating, you could disable the button until the user has picked a rating. Learn how to disable a button here.

  Hope this helps :)

  Marked as helpful

  2

  ---

  

  Elaine•11,400

  @elaineleungPosted over 2 years ago

  @buneeIsSlo This is an excellent suggestion, as I actually just used a conditional to prevent the user from proceeding, but disabling the button to me sounds like a much better idea!

  1

  

  Swaraj•110

  @swarajzzPosted over 2 years ago

  @buneeIsSlo Oh yes! Thanks for pointing that out.

  1