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-7"></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 Phoenix|
2024 ©Themewagon

v1.16.0

Theme Customizer

Explore different styles according to your preferences

Color Scheme
RTL

Change text direction

Support Chat

Toggle support chat

Navigation Type
Vertical Navbar Appearance
Horizontal Navbar Shape
Horizontal Navbar Appearance
Purchase template
customize