Search code examples
webweb-componentpaper-elementspolymer-1.0

Polymer paper-button not rendering

I downloaded the Polymer starter kit (Polymer 1.0) and have been trying to add a simple paper button to my webpage, but it is not rendering correctly. Here is the relevant code:

<section data-route="home">
      <paper-material elevation="1">

        <paper-button raisedButton
          id='rendered'
          label='patient'
          on-click='{{clickHandler}}'></paper-button>

        <button>Try Me</button>

        <paper-icon-button icon="refresh" label="label"></paper-icon-button>
        <paper-button raisedButton>search!</paper-button>

      </paper-material>

    </section>

The first button doesn't show up at all, the second normal button does, the third button works, but the label doesn't show up, and the final button renders as text and isn't clickable

Result

Solution

  • Had the same problem, doesn't seem to load the paper-button element by default.

    Fixed it by adding to the /app/index.html page before the paper-button was called.

    <link rel="import" href="/bower_components/paper-button/paper-button.html">

    Or add it to /app/elements/elements.html