@etzshally/reate

@etzshally/reate is a React component designed for creating simple star ratings in day-to-day applications.

Installation

Install the package using npm:

npm i @etzshally/reate

Usage

Stars Component

import React from "react";
import { AnimatedStarRating } from "@etzshally/reate";

const MyRatingComponent = () => {
  return (
    <AnimatedStarRating
      ratingValue={4}             // Rating (between 0 and 5)
    />
  );
};

export default MyRatingComponent;

The AnimatedStarRating component generates a set of stars based on the provided rating, filled color, and unfilled color.

API

AnimatedStarRating({ ratingValue }: StarsProp): ReactElement

• ratingValue: The rating value (between 0 and 5).

Example

import React from "react";
import { AnimatedStarRating } from "@etzshally/reate";

const MyApp = () => {
  return (
    <div>
      <h1>Product Rating</h1>
      <AnimatedStarRating ratingValue={4.2} />
    </div>
  );
};

export default MyApp;

Keywords

• react
• rating
• stars
• component
• UI
• frontend

Contributing

Feel free to contribute by opening issues or submitting pull requests on GitHub.

Make sure to replace "Etzshally" with your actual GitHub username in the URLs and adjust the details as needed for your project.