view/js/vanillaEmojiPicker/indextest.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4     <meta charset="UTF-8">
   5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <style>
   8         html, body {
   9             width: 100%;
  10             height: 100%;
  11         }
  12     </style>
  13
  14     <title>Document</title>
  15 </head>
  16 <body>
  17
  18
  19 <div>
  20     <textarea name="" class="two uk-textarea uk-margin"></textarea>
  21 </div>
  22     <div class="uk-container uk-container-small uk-section">
  23         <div>
  24             <button class="second-btn uk-button uk-button-primary">Start picker</button>
  25         </div>
  26
  27     </div>
  28
  29
  30
  31     <script src="vanillaEmojiPicker.js"></script>
  32     <script>
  33
  34         new EmojiPicker({
  35             trigger: [
  36                 {
  37                     selector: '.second-btn',
  38                     insertInto: '.two'
  39                 }
  40             ],
  41             closeButton: true,
  42             //specialButtons: green
  43         });
  44
  45     </script>
  46 </body>
  47 </html>