Ratings

A ratings component allows users to rate content or products.

Base Components

Overview

A ratings component allows users to provide feedback by assigning a score, typically represented by stars or other icons.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2FGl3138LYJ71TKOZEC0F8nJ%2FShipfaster-UI---v2.7.1-(LIVE)%3Fnode-id%3D5158-757%26t%3DpA8X0YmO6d7F2SMU-1

When should you use them?

Use ratings components for products, services, or content where user feedback is valuable, such as e-commerce sites, reviews, or media platforms.

How should you use them?

  • Ensure the rating scale is clear and intuitive.
  • Allow users to easily select and change their rating.
  • Display the average rating and number of ratings.
  • Provide labels or tooltips for each rating level.
  • Make the ratings component accessible, with proper ARIA roles and keyboard navigation.
Previous

No previous post
Up next

No next post