Emoji-rating-component

A reactjs emoji-based rating component based on react-lottie

Installation

The package can be installed via npm:

npm install emoji-rating-component --save

Or via yarn:

yarn add emoji-rating-component

Quick example

You can use following snippet to quickly add component

<EmojiRating
    selected={selected}
    onSelected={(selected) => {
        setSelected(selected)
    }}
/>

This will result in following output:

Props

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 |