Skip to content

ultimateakash/react-rating-emoji

Repository files navigation

react-rating-emoji

An animated emoji rating component

NPM JavaScript Style Guide

Install

npm install --save react-rating-emoji

Usage

import React, { useState } from 'react'

import { RatingComponent } from 'react-rating-emoji'
import 'react-rating-emoji/dist/index.css'

const App = () => {
  const [rating, setRating] = useState(0);

  const handleRating = (newRating) => {
    setRating(newRating);
  }

  return <RatingComponent rating={rating} onClick={handleRating} />
}

export default App

Props

prop Type Default Required Description
rating number 0 no current rating
onClick event no event handler (rating)
className string no container class name
id string emoji-container no container id name

License

MIT © https://github.com/ultimateakash