Rating

Rating is a set of radio buttons that allow the user to rate something.

Basic Rating

star_border


      <div class="rating-container format">
        <div class="rating simple">
          <span class="material-icons rating-icon"> star_border </span>
        </div>

Rating Size - Small

star star star star star_border


      <div class="rating-sm">
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star_border </span>
      </div>

Rating Size - Regular

star star star star star


      <div class="rating sm">
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
      </div>

Rating Size - Large

star star star star_half star_border


      <div class="rating-lg">
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star_half </span>
        <span class="material-icons rating-icon"> star_border </span>
      </div>

Rating Size - Extra Large

star star star star_border star_border


      <div class="rating-xl">
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star </span>
        <span class="material-icons rating-icon"> star_border </span>
        <span class="material-icons rating-icon"> star_border </span>
      </div>