Creating a Web Component with Polymer - Part 1 - 02 Input

my-listfilter.html

<link rel="import" href="../polymer/polymer.html">
<!--
`my-listfilter`
A filterable list component

@demo demo/index.html
-->
<dom-module id="my-listfilter">
    <template>
        <style>
            :host {
                display: block;
            }
        </style>
        <input value="{{prop1::input}}" />
        <h2>Hello [[prop1]]</h2>
    </template>
    <script>
        Polymer({
            is: 'my-listfilter',
            properties: {
                prop1: {
                    type: String,
                    value: 'my-listfilter',
                },
            },
        });
    </script>
</dom-module>