https://github.com/hasiniwijerathna/react-emoji-rating

A simple emoji rating component
https://github.com/hasiniwijerathna/react-emoji-rating

Last synced: 5 days ago
JSON representation

A simple emoji rating component

• Host: GitHub
• URL: https://github.com/hasiniwijerathna/react-emoji-rating
• Owner: HasiniWijerathna
• Created: 2019-10-04T14:46:18.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2019-10-06T04:29:39.000Z (about 5 years ago)
• Last Synced: 2024-11-06T18:50:47.873Z (9 days ago)
• Language: JavaScript
• Size: 720 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# :nerd_face: React-Emoji-Rating 

A simple emoji rating component

 [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

 

 [![NPM](https://nodei.co/npm/react-emoji-rating.png)](https://nodei.co/npm/react-emoji-rating/)

## Install

```bash

npm install --save react-emoji-rating

```

Or ```yarn```

```bash

yarn add react-emoji-rating

```

## Emoji categories

1. smileys

![smileys](https://user-images.githubusercontent.com/20472144/66248133-b10a7600-e755-11e9-91ff-24f278e588f8.gif)

***

2. emojiPeople

![emo people](https://user-images.githubusercontent.com/20472144/66248065-4a855800-e755-11e9-806c-ca4dcd7da7ae.gif)

***

3. emoticons

![emoticons](https://user-images.githubusercontent.com/20472144/66248094-7274bb80-e755-11e9-86eb-e8ea377f5dda.gif)

***

4. funky

![funky](https://user-images.githubusercontent.com/20472144/66248125-8d473000-e755-11e9-9209-ae6ea96c00ac.gif)

***

5. classic (defalut)

![classic](https://user-images.githubusercontent.com/20472144/66248061-1f026d80-e755-11e9-8a84-6068cd5b7efc.gif)

***

6. blobs 

  ![blobs](https://user-images.githubusercontent.com/20472144/66248017-9b488100-e754-11e9-99dd-15264c1c0e27.gif)

***

    

## Basic Usage

```jsx

import React, { Component } from 'react'

import EmojiRating from 'react-emoji-rating'

export default class App extends Component {

 

  render () {

    return (

      


        

      

    )

  }

}

```


## Options

| Property          | Type           | Description                              |

| ------------------|:--------------:| ----------------------------------------:|

| variant           | string         |Emoji category to be used                |

| onChange          | func           |Called when the slider is moved with the silder value|

## Example

Example code for this simple component is available in the /example directory.

## License

MIT © [HasiniWijerathna](https://github.com/HasiniWijerathna)