Rating

Bootstrap 5-star rating plugin can be used to allow the users to share their opinion about the product, documentation page, photo and more.

Visit API by scrolling down for all available inputs.

Examples

Default Rating example.

######html

  <div id="rating1" class="star-rating" role="rating" data-rating="3">
    <span class="star" data-value="1"
      >&#9733;<span class="star-notification">Abysmal</span></span
    >
    <span class="star" data-value="2"
      >&#9733;<span class="star-notification">Bad</span></span
    >
    <span class="star" data-value="3"
      >&#9733;<span class="star-notification">Ok</span></span
    >
    <span class="star" data-value="4"
      >&#9733;<span class="star-notification">Good</span></span
    >
    <span class="star" data-value="5"
      >&#9733;<span class="star-notification">Excellent</span></span
    >
  </div>

<script>
  const ratings = document.getElementById('rating1');
  const rating1 = new CDB.Rating(ratings);
  rating1.getRating;
</script>

Radio

Select