Star Rating

A component to view other people’s opinions and experiences. Use when you want to show evaluation or a quick quantitative rating. Most effective when paired with reviews.

Default

import React from 'react'

import StarRating from 'playbook-ui'

const StarRatingDefault = (props) => (
  <>
    <StarRating />

    <br />

    <StarRating
        rating={3}
    />

    <br />

    <StarRating
        rating={1.5}
    />

    <br />

    <StarRating
        rating={5}
    />
  </>
)

export default StarRatingDefault

Hide Rating Value

import React from 'react'

import StarRating from 'playbook-ui'

const StarRatingHide = (props) => (

  <StarRating
      hideRating
      rating={3.5}
  />

)

export default StarRatingHide

Star Rating

Available Props