Emoji Reaction

Emoji Reaction is an emoji reaction component based on Leancloud and Vue3.

App Screenshot

Demo

Here is a demo.

Before Everything

  • A Vue3 project
  • A Leancloud App (For more, visit here)

Installation

Install Emoji Reaction with npm:

npm install emoji-reaction

Usage/Examples

<template>
    <div class="card">
        <emoji-reaction
            reactTo="whom-to-react-to"
            reactor="who-react"
            lcAppId="leancloud-app-id"
            lcAppKey="leancloud-app-key"
            :emojis="['?', '?', '?', '?', '?', '❤️', '?', '?']"
        />
    </div>
</template>
<script lang="ts" setup>
import EmojiReaction from 'emoji-reaction';
import 'emoji-reaction/lib/emoji-reaction.css';
</script>

Customization

:root {
    --er-primary: #5E35B137;
    --er-primary-light: #5E35B125;
    --er-primary-dark: #5E35B1a6;
}

License

MIT

GitHub

View Github