image-rating-react v0.1.6

Image Rating React

A simple React image rating that helps you add your own custom star image.

Install

In the project directory, you can run:

npm

npm install image-rating-react

yarn

yarn add image-rating-react

Usage

import logo from './logo.svg';
import React, { useState } from "react";
import ImageRating from "react-image-rating";
// Import your empty and filled stars
import emptyStar from "./assets/star.png";
import filledStar from "./assets/star-filled.png";

function YourComponent() {
    const [value, setValue] = useState(0);

    const handleCallback = (childData) => {
        setValue(childData);
    }

    return (
        <div className="stars">
            <ImageRating values={ handleCallback } starCount={5} emptyStar={emptyStar} filledStar={filledStar} className="star" />
            // Remove this value below during production
            { value }
        </div>
    );
}

export default YourComponent;

Props

License

MIT celebritydeveloper