A reactjs emoji-based rating component based on react-lottie
The package can be installed via npm:
npm install emoji-rating-component --save
Or via yarn:
yarn add emoji-rating-component
You can use following snippet to quickly add component
<EmojiRating
selected={selected}
onSelected={(selected) => {
setSelected(selected)
}}
/>This will result in following output:
Use following Props to customize for your needs
| Props | Necessity | Description |
|---|---|---|
| selected: number | required | to chose selected emoji |
| onSelected: (selected: number) => void | required | will be called on each emoji select(click) |
| icons?: Array | optional | specify you custom icons as array of lottie data |
| iconSize?: number | optional | set custom icon size in px , default is 32px |