Submitted
Interactive Rating Component | Remix, TypeScript and Sass/Scss
#remix#sass/scss#typescript#accessibility
Yuko Horita• 645
@Sloth247
Design comparison
Solution retrospective
This is my first time using TypeScript in a project. There weren't much types but I enjoyed using <Form> component package from Remix.
I added the following feature:
- show an error message when no rating has been selected.
I have a few questions;
- I used
focus-withinon.main__input-containerand change label background color when it is focused. However, this made a selected rating button remain orange when hover over other rating. - I am not sure my use of
aria-liveon error message is correct.
Any comments & feedbacks are welcome.
Community feedback
Please log in to post a comment
Log in with GitHub
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