multi-value-suggestbox/index.html at master · coner/multi-value-suggestbox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>&lt;multi-value-suggestbox&gt;</title>

  <!-- Importing Web Component's Polyfill -->
  <script src="bower_components/platform/platform.js"></script>

  <!-- Importing Custom Elements -->
  <link rel="import" href="src/multi-value-suggestbox.html">
</head>
<body>
  <multi-value-suggestbox id="multi_suggest"
          options='{
              "allow_space": true,
              "allow_nonmatching": true
          }'>
  </multi-value-suggestbox>

  <script>
    addEventListener('polymer-ready', function() {
      document.querySelector('#multi_suggest').setFocus();
    });
    addEventListener('input-changed', function(e) {
      var el = document.querySelector('#multi_suggest');
      el.suggestions = ["Alice", "Ali", "Bob", "Fitzpatrick", "Juan", "Kaya", "Thomas", "Zed"];
    });
  </script>
</body>
</html>