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

Overview

Emoji Reaction logo

GitHub License npm package build status

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
            react-to="whom-to-react-to"
            reactor="who-react"
            lc-app-id="leancloud-app-id"
            lc-app-key="leancloud-app-key"
            :emojis="['👍', '👎', '😄', '🎉', '😕', '❤️', '🚀', '👀']"
        />
    div>
template>
<script lang="ts" setup>
import { EmojiReaction } from 'emoji-reaction';
script>

Or globally register:

import { createApp } from 'vue';
import App from './App.vue';
import EmojiReaction from 'emoji-reaction';

createApp(App).use(EmojiReaction).mount('#app');

Or a cdn-way to import:

">

For details, check this out.

Customization

:root {
    --er-primary: #5E35B137;
    --er-primary-light: #5E35B125;
    --er-primary-dark: #5E35B1a6;
}
You might also like...
FastCrud - an options-oriented crud development framework based on vue3
FastCrud - an options-oriented crud development framework based on vue3

FastCrud is an options-oriented crud development framework based on vue3. It can rapidly develop crud functions and can be used as the basic framework of a low code platform.

Podlove Web Player is a Podcast-optimized, HTML5-based audio player based on VueJS.
Podlove Web Player is a Podcast-optimized, HTML5-based audio player based on VueJS.

Podlove Web Player 🚨 This project moved to the Podlove UI Monorepo 🚨 About HTML5 Goodness for Podcasting Podlove Web Player is a Podcast-optimized,

An initial attempt at using Vaadin Fusion for a Vue based front-end to communicate with a Java based server

Custom project from start.vaadin.com This project can be used as a starting point to create your own Vaadin application with Spring Boot. It contains

A fully responsible Studio Ghibli finder app that searches and filters movies using Vue3,Vuex,Vue Router,Bootstrap5 and Scss.
A fully responsible Studio Ghibli finder app that searches and filters movies using Vue3,Vuex,Vue Router,Bootstrap5 and Scss.

vue-ghibli-studio-app A fully responsible Studio Ghibli finder app that searches and filters movies. It was created by using Vue3,Vuex,Vue Router,Boot

Test pinia js, Vue3 and pokemon
Test pinia js, Vue3 and pokemon

Test pinia js, Vue3 and pokemon

Covid-19 Tracker App Built With Vue3 and Tailwind CSS
Covid-19 Tracker App Built With Vue3 and Tailwind CSS

Covid Tracker - Vue3 + Vite + Tailwind Hakkında Bu proje; Vue3 ve Tailwind pratiği için hazırlanmıştır. SPA için Vue3 Composition API kullanılırken ih

vue-todo-app ❤ A small and beautiful Vue todo app ⚡ Built with Vue3, Vite, Tailwind

vue-todo-app ❤ A small and beautiful Vue todo app ⚡ Built with Vue3, Vite, Tailwind

 Tech blog starter-kit with vue3, nuxt3 and Contentful
Tech blog starter-kit with vue3, nuxt3 and Contentful

Tech blog starter-kit with vue3, nuxt3 and Contentful Vue3 - used setup script Nuxt3 TypeScript Tools: Vite, Yarn 3, Volar Styles: Primeflex, Primeico

Healthcare Company dashboard using Vue3,Composition API, Tailwind CSS, AWS amplify, Jenkins and Java Spring Boot.

Healthcare Company dashboard using Vue3,Composition API, Tailwind CSS, AWS amplify, Jenkins and Java Spring Boot.

Owner
Allen Tao
👨‍💻 A web developer. 👷一个新生代农民工。
Allen Tao
Emoji Search 🔮 Creating, Deploying and Evaluating a Machine Learning Service

T3chFlicks: Emoji Search An NLP application for searching Emojis. ?? The Service Landing Page Can Be Found Here ?? Architecture Read The Blog Post Try

sk-t3ch 19 Aug 12, 2022
A Cron expression UI component based on Vue3 and Ant Design Vue.

vue3-cron A Cron expression UI component based on Vue3 and Ant Design Vue. English | 简体中文 Preview Supported format * * * * * * * ┬

MaxWu 5 Dec 11, 2022
Desktop Rss reader, based on Vue3 and tauri-app, free and open source

Rss-Reader A DeskTop rss-Reader app base on tauri-app. Why tauri-app? ?? For developing desktop applications, there are a number of frameworks to choo

lsh 69 Dec 27, 2022
zhihu system written with vue3+ts, using most of the functions of vue3.0,composition Api.

zhihu system written with vue3+ts, using most of the functions of vue3.0,composition Api.

null 4 May 11, 2021
A Vue3 Todo Web Application with typescript, Vue3, Pinia, Tailwindcss

Vue3 Todo Web Application A Vue3 Todo Web Application with typescript, Vue3, Pinia, Tailwindcss How to run? npm install # or yarn yarn npm run dev #

Eggplantiny 53 Dec 25, 2022
A magical vue3 mobile using vue3(script-setup) + vite2 + uniapp

A magical vue3 mobile using vue3(script-setup) + vite2 + uniapp

kuanghua 22 Dec 26, 2022
A desktop app based electron and vue3

tasky-vue Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints

Alaso 36 Dec 7, 2022
An e-commerce system based on Spring Boot 2.6 and Vue3

Jake-mall is an e-commerce system based on Spring Boot 2.6 and Vue3 and related technology stack.

Tenode 3 May 18, 2022
A small toy that shows records in the form of a heat map for bookkeeping based on Vue3, Vite2, Vuetify3-Beta and Lean Cloud

A small toy that shows records in the form of a heat map for bookkeeping. It is based on Vue3, Vite2, Vuetify3-Beta and Lean Cloud.

Allen Tao 18 Dec 12, 2022
Cross-platform mobile App developed with Ionic, Capacitor and Vue3 to manage and share vegetarian meals, recipes and products, using device's internal storage, camera, geolocation, share and network functionalities.

Cross-platform mobile App developed with Ionic, Capacitor and Vue3 to manage and share vegetarian meals, recipes and products, using device's internal storage, camera, geolocation, share and network functionalities.

null 7 Dec 8, 2022