<script src="http://www.polymer-project.org/platform.js"></script></script>

<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">

​

 <my-app></my-app>

​

<polymer-element name='my-processor' attributes='input output'>

  <script>

    Polymer('my-processor', {

      inputChanged: function() {

        this.output = this.input + ' (processed)';

      }

    });

  </script>

</polymer-element>

​

<polymer-element name='my-app'>

  <template>

    <my-processor input='{{input}}' output='{{output}}'>

    <input value='{{input}}'> <br>

    Input: {{input}} <br>

    Processed: {{output}} 

  </template>

  <script>

    Polymer('my-app', { 'input': 'hello world', });

  </script>

</polymer-element>

​

​

​