jrabbit / emoji-selector

✏️✨ A Polymer paper-input-addon element that adds an emoji keyboard inputs

emoji-selector

👋emoji-selector is a Polymer custom element that acts as a paper-input suffix (see Polymer.PaperInput) to help you with your emoji shenanigans.

Since you probably don't remember where each emoji is, it ships with a search-for-emoji-keywords feature! 🚀🎉

Example:

    <paper-input label="needs moar emoji">
      <emoji-selector suffix></emoji-selector>
    </paper-input>

Also works with non <paper-input>s, provided you manually wire up the input:

    <paper-input-container>
      <emoji-selector suffix id="s1"></emoji-selector>
      <label>whoa! textareas!</label>
      <iron-autogrow-textarea class="paper-input-input" id="a1"></iron-autogrow-textarea>
    </paper-input-container>
    
    <script>
      document.getElementById('s1').inputTarget = document.getElementById('a1');
    </script>

💖