react-star-picker

A star-rating component made with React

Usage no npm install needed!

<script type="module">
  import reactStarPicker from 'https://cdn.skypack.dev/react-star-picker';
</script>

README

react-star-picker

A highly customizable star-rating component

Default features include

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

Component APIs