## 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>

##### Demo widget

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.

##### Theme Customizer

Explore different styles according to your preferences

##### Color Scheme

Light
Dark
Auto

##### RTL

Change text direction

##### Support Chat

Toggle support chat

##### Navigation Type

Vertical
Horizontal
Combo
Dual nav

##### Vertical Navbar Appearance

Default Default
Darker Lighter

##### Horizontal Navbar Shape

Default
Slim

##### Horizontal Navbar Appearance

Default
Darker Lighter
Purchase template
customize