Add example code to demo page

joeattardi · Oct 12, 2019 · 0fb556e · 0fb556e
1 parent 1d44e0b
commit 0fb556e
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/examples/public/index.html b/examples/public/index.html
@@ -10,5 +10,22 @@
     <h1>Emoji Button</h1>
     <input type="text">
     <button id="emoji-button">😀</button>
+
+    <code>
+      <pre>
+window.addEventListener('DOMContentLoaded', () => {
+  const button = document.querySelector('#emoji-button');
+  const picker = new EmojiButton();
+
+  picker.on('emoji', emoji => {
+    document.querySelector('input').value += emoji;
+  });
+
+  button.addEventListener('click', () => {
+    picker.pickerVisible ? picker.hidePicker() : picker.showPicker(button);
+  });
+});
+      </pre>
+    </code>
   </body>
 </html>