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 PicmoExample
<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"> <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></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>