react-star-picker

react-star-picker

A highly customizable star-rating component

Default features include

• supports half-star precision
• responsive hover highlighting
• custom number of stars
• value clearing option
• input disabling

Support for custom star-renderer

Even more customizability is provided by the ability to use your own star-renderer. See example in styleguide.

Documentation

Installation

npm i react-star-picker

Usage

import React, { useState } from 'react';
import StarPicker from 'react-star-picker';

const ParentComponent = () => {
  const [rating, setRating] = useState(null);

  const onChange = (value) => {
    setRating(value);
  };

  return (
    <div>
      <StarPicker onChange={onChange} value={rating} />
    </div>
  );
};

Styleguide

Props

Configuration

Styles

Examples

Component APIs

• <StarPicker />
• starRenderer()