delowardev / vue3-emoji-picker

Simple and Powerful Emoji Picker for Vue3
https://codesandbox.io/p/github/delowardev/vue3-emoji-picker/main?file=%2FREADME.md
MIT License
187 stars 37 forks source link

How to use the picker with button ? #31

Closed jameswong3388 closed 2 years ago

jameswong3388 commented 2 years ago

How can we utilize the picker with the button?

for example, after the button is clicked then, the picker pops out, although it is possible to work with v-show=statement but missing the picker alignment and animation.

Maybe can rt something as bellow

<EmojiPicker @select="onSelectEmoji">
  <template #button> .... </template>
  <template #picker> .... </template>
</EmojiPicker>
delowardev commented 2 years ago

Hello @jameswong3388 Thanks for using this plugin. I'm afraid we don't have an option to add a custom button now. But you can wrap the emoji picker with a div tag & apply CSS for animation & alignment.

It could be a useful feature, so I will add this feature to the todolist.