<title>snuggsi ツ - Filter List</title>

<meta charset=UTF-8>
<meta name=viewport content='width=device-width, initial-scale=1'>

<link rel=stylesheet href=http://www.devpunks.com/typography.css>

<script type=module src=https://unpkg.com/snuggsi/snuggsi.es></script>
<script nomodule src=https://unpkg.com/snuggsi/examples/webcomponents-hi-ce.js></script>
<script nomodule src=https://unpkg.com/snuggsi/snuggsi.js></script>


<hgroup>
  <h1>snuggsi ツ</h1>
  <h2>Filter</h2>
</hgroup>

<p>
  This is a refactor of
  <a href='https://jsfiddle.net/nomzz/Kp3s7'>https://jsfiddle.net/nomzz/Kp3s7</a>
</p>

<h1>List of Countries</h1>

<list-filter>
  <form action='#'>
    <label for='search'>Search</label>
    <input id='search' placeholder='Search'>
  </form>

  <ul></ul>

  <script src='http://www.devpunks.com/examples/filter.es' defer> </script>
</list-filter>

<script src='../../vendor/browser-sync.es'></script>

<title>snuggsi ツ - Filter List</title>

<meta charset=UTF-8>
<meta name=viewport content='width=device-width, initial-scale=1'>

<link rel=stylesheet href=http://www.devpunks.com/typography.css>

<script type=module src=https://unpkg.com/snuggsi/snuggsi.es></script>
<script nomodule src=https://unpkg.com/snuggsi/examples/webcomponents-hi-ce.js></script>
<script nomodule src=https://unpkg.com/snuggsi/snuggsi.js></script>


<hgroup>
  <h1>snuggsi ツ</h1>
  <h2>Filter List</h2>
</hgroup>

<p>
  This is a refactor of
  <a href='https://jsfiddle.net/nomzz/Kp3s7'>https://jsfiddle.net/nomzz/Kp3s7</a>
</p>

<h1>List of Countries</h1>

<list-filter>
  <form action='#'>
    <label for='search'>Search</label>
    <input id='search' placeholder='Search'>
  </form>

  <ul></ul>

  <script src='http://www.devpunks.com/examples/filter.es' defer> </script>
</list-filter>

<script src='../../vendor/browser-sync.es'></script>

Add examples/party-line.html for skype/hangouts clone
Add examples/party-line.html for skype/hangouts clone
