Rating Components
⭐ Rating (Stars & Masks)
Simple Rating
With Gap
No gap
gap=1
gap=2
Responsive
All Sizes
Different Colors
Different Shapes
Star
Star-2
Heart
Circle
Half Stars
Current: 3.5
Controlled Rating
Value: 3
Read-Only & Disabled
Read-only
Disabled
No clear
🔢 Number Rating (Buttons)
Simple Number Rating
Square vs Circle
Square
Circle
Circle value: 4
All Sizes
Color Combinations
Ghost/Primary
Neutral/Success
Outline/Error
Custom Count
1-10
1-7
1-3
With Gap
No gap
gap=1
gap=2
Custom Content
Emoji
Letters
Stars in buttons
Controlled Number Rating
Value: 3
Read-Only & Disabled
Read-only
Disabled
No clear
💼 Practical Use Cases
Smartphone X
Latest flagship with amazing features
Rate:
Customer Reviews
JD
John Doe
Excellent product! Highly recommended.
AS
Alice Smith
Good value for money.
Satisfaction Survey
Rate our service (1-10):
Overall experience:
⭐ Icon Rating (Custom Icons)
Star Icons
Default
With gap
Circle shape
Different Icons
Hearts
Thumbs