​

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

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

​

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

​

<polymer-element name="slimy-coconut" attributes="invalid,inputValue">

  <template>

​

    <paper-input id="myinput" required="true" invalid={{invalid}} inputValue={{inputValue}}></paper-input>

    invalid: {{invalid}}<br>

    inputValue: {{inputValue}}<br>

    <button on-click="{{cleanInputValue}}">Clean inputValue</button>

  </template>

  <script>

    Polymer('slimy-coconut', {

​

        cleanInputValue: function(event, detail, sender) {

        this.inputValue = "";

        this.$.myinput.invalid = false;

​

      }

    });

  </script>

</polymer-element>

​

<slimy-coconut name="Ele Dev"></slimy-coconut>