An animated emoji rating component
npm install --save react-rating-emoji
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
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 |