Emoji

EEmoji is a UI element that provides a simple interface to add emoji picker functionality to any input field in your web application. We have used EEmoji component creating our chat app.

Usage

<template>
  <EEmoji @input="inputEmoji"/>
</template>

<script setup>
  const message = ref("");
  const inputEmoji = (emoji) => {
    message.value += "You added this emoji: " + emoji;

  };
</script>

Props

For EEmoji component, the following props are available:

Prop	Type	Default	Note
modelValue	String	-	Displya selected Emoji(s).

Emits

The EEmoji component contains following emits.

Emit	Description
update:modelValue	Controls the selected emoji(s).