Rating

The icons represent the average object rating value through several states: on, off, and half. The states of these icons depict a rating from a scale of one to five.

<Rating
  allowReset
  id='rating'
  max={5}
  mode='light'
  name='rating'
  onChange={() => {}}
  style={{}}
  value={0}
  variant='star'
/>

Usage

import { Rating } from 'bio-bind-ui';

<Rating
  allowReset
  id='rating'
  max={5}
  mode='light'
  name='rating'
  onChange={() => {}}
  style={{}}
  value={0}
  variant='star'
/>

Examples

Mode (optional)

Use mode to use dark or light

<Rating id='rating' max={5} mode='dark' />

Variant (optional)

Use variant rating by using stars or thumb icon.

<Rating id='rating' max={5} variant='thumb' />

Props