Ratings

Ratings are provided by the customers or consumers who have either purchased a product or have had an experience of the service provided to them.
Usually, ratings are gauged using stars. Use class stars-containerin the parent container. Use class star along with the preferred fill options - filled-star, half-star or outlined-star.

Before Rating:

star_outline star_outline star_outline star_outline star_outline

After Rating:

star star star star_half star_outline


<div class="stars-container">
    <span class="star filled-star material-icons md-36 material-icons-outlined">
        star
    </span>
    <span class="star filled-star material-icons md-36 material-icons-outlined">
        star
    </span>
    <span class="star filled-star material-icons md-36 material-icons-outlined">
        star
    </span>
    <span class="star half-star material-icons md-36 material-icons-outlined">
        star_half
    </span>
    <span class="star outlined-star material-icons md-36 material-icons-outlined">
        star_outline
    </span>
</div>

< Navigation Sliders >