Rating
Rating components are used in forms for users to provide feedbackor product rating section for users to view average rating information.
Elixir offers 2 types of rating components - Rating Badge and Star Product Rating.
Rating Badge
This basic read only rating badge gives an overview on the average rating of a product or service.
To generate a read only rating badge, use the base class rating-container along with the supporting class rating-badge.
Use the classes rating-value, rating-icon, and rating-count to display the rating average, star icon and rating review count respectively.
4.25
|
175
Copy the code below to use a basic rating badge.
Star Product Rating
This rating component is used when user feedback is required say for a product or service.
To generate a star product rating component, use the base class rating-container along with the supporting class rating-star.
Use the classes rating-input, rating-icon for the radio buttons and star icon respectively.
Copy the code below to use a star product rating component.