MUI V5: Rating Stars
HTML-код
- Опубликовано: 2 июн 2024
- In this video I talk about the new Ratings component in Material UI V5. The Rating stars have a lot of opportunity for customization, and we go over all of that in the video! Change the default icon from rating stars to any other icon, set the precision prop to add .5, and more.
Join our coding Discord:
/ discord
LINKS
Code Sandbox Link: codesandbox.io/s/ratings-m434...
MUI V5 Ratings Example: mui.com/components/rating/
MUI V5 Ratings API: mui.com/api/rating/
Material UI Getting Started Guide: mui.com/getting-started/insta...
TIMESTAMPS
0:00 Intro
0:35 How basic rating stars work
0:55 Default values, controlled inputs, form names, and onChange
3:00 Read Only, Disabled, and Null value props
4:00 Decimal values & Rating precision
4:25 Rating Hover Feedback Labels
5:25 Sizes
5:35 Custom Icons, colors, and targeted global CSS classes
8:20 Changing the Max Icon count
8:30 Radio selection (Only one selected at a time)
Follow me on Social Media:
/ sistillianthony
/ anthonysistilli
Your tutorials are a godsend omg
at about 0:53 you actually click the 5th star twice cos the first click didnt give you what you expected. Is there some weird behaviour going on?
Anthony have you tried flutter?
I have not! Is it worth a try?
☆☆☆☆☆
m8, everything nice but plz... do something with your background, cause it is impossible to focus.
+1
Yeah I saw after filming that this one was particularly bad haha, will try to improve it! (the videos are recorded 4 days in advance before posting)
First like, first comment
Bell gangggg
The background looks like a certain twitchster I cant remember the name
Hopefully wubby - my idol :D