Emoji button

Phoenix uses Picmo as a emoji picker component. It displays a panel of emojis where one can be selected. What is done with the selected emoji is up to you.

Documentation for Picmo

Example

<div class="position-relative">
  <div class="btn btn-primary" data-picmo='{"position":"bottom-start"}'><span class="fa-regular fa-face-smile fs-1"></span></div>
</div>

Javascript

<pre><code class="language-html"> &lt;script src=&quot;https://unpkg.com/picmo@5.7.6/dist/umd/index.js&quot;&gt;&lt;/script&gt;
 &lt;script src=&quot;https://unpkg.com/@picmo/popup-picker@5.7.6/dist/umd/index.js&quot;&gt;&lt;/script&gt;</code></pre>
 <script src="https://unpkg.com/picmo@5.7.6/dist/umd/index.js"></script>
 <script src="https://unpkg.com/@picmo/popup-picker@5.7.6/dist/umd/index.js"></script>

Thank you for creating with |
2023 ©ADL

v1.11.0

Demo widget
Request a callbackSearch in chatShow historyReport to AdminClose Support

I need help with something

I can’t reorder a product I previously ordered

How do I place an order?

My payment method not working
Eric

Ask us anything – we’ll get back to you here or by email within 24 hours.