fretboard-string.html

<link rel="import" href="../@polymer/polymer/polymer-element.html">

<dom-module id="fretboard-string">

    <template>
        <style>
            :host {
                display: block;

            }

        </style>

        <div>
        </div>

    </template>

    <script>
        /**
         * `fretboard-string`
         *
         *
         * @customElement
         * @polymer
         * @demo demo/index.html
         */
        class FretboardString extends Polymer.Element {
            static get is() { return 'fretboard-string'; }
            static get properties() {
                return {
                    index   : {
                        type    : Number,
                        value   : 0,
                        //notify: true,             // dispatch property change events when the property value changes
                        //reflectToAttribute: true, // update the corresponding attribute when the property changes
                    },
                    tone    : {
                        type    : String,
                        value   : 'C',
                        //notify: true,
                        //reflectToAttribute: true,
                    }
                };
            }

            constructor() {
                super();
            }

        }

        window.customElements.define(FretboardString.is, FretboardString);
    </script>

</dom-module>