Polymer ceci example

polymer-example.html

<polymer-element name="ceci-button" attributes="label"
  extends="ceci-element" label="Click Me">
  <template>
    <style>
      :host {
        display: block;
        width: 100%;
      }
    </style>
    <button id="button" on-click="{{onClick}}">
      {{label}}
    </button>
  </template>
  <script>
    Polymer('ceci-example', {
      ready: function () {
        this.super();
      },
      onClick: function () {
        this.broadcast('click');
      },
      ceci: {
        defaultBroadcasts: ['click'],
        broadcasts: {
          click: 'Fired when button is clicked.'
        },
        listeners: {
          setLabel: 'Set Label'
        },
        editable: {
          'label': {
            type: "text",
            description: "Text shown on the button.",
            name: 'Label'
          },
        }
      }
    });
  </script>
</polymer-element>