Component Listing

RATING

Ratings provide insight regarding others' opinions and experiences, and can allow the user to submit a rating of their own.
To use this rating component in your project import the below stylesheet.


@import url("https://oxygen-ui-component-library.netlify.app/components/rating/rating.css")

Simple Star Rating

This component consists of a full, half and a empty star that can be rendered according to user's rating on a particular product.


<div class="card-rating-container flex-row p-2">
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star-half-alt"></i>
</div>
<div class="card-rating-container flex-row p-2">
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star-half-alt"></i>
    <i class="far fa-star"></i>
    <i class="far fa-star"></i>
</div>