<!-- Загрузка базовой функции Polymer -->
<link rel="import" href="bower_components/polymer/polymer.html">

<!-- Создание элемента my-element -->
<dom-module id="my-element">
  <template>
    <style>
        /* Локальный DOM CSS стиль */
    </style>
    <!-- Локальный DOM -->
    Hello {{name}}!
  </template>
  <script>
    // Регистрация элемента ( Спецификация Custom Elements v0 )
    Polymer({
        is: 'my-element',
        properties: {
            name: {            // Название параметра
                type: String,  // Тип параметра
                value: 'World' // Значение параметра
            }
        },
        ready: function () {
            // Конструктор
        },
        attached: function () {
            // Компонент вызван ( Добавлен в DOM )
        },
        detached: function () {
            // Компонент удален из DOM
        }
    });
  </script>
</dom-module>

<!-- Загрузка базового класса Polymer.Element -->
<link rel="import" href="bower_components/polymer/polymer-element.html">

<!-- Создание элемента my-element -->
<dom-module id="my-element">
    <template>
        <style>
            /* Локальный DOM CSS стиль */
        </style>
        <!-- Локальный DOM -->
        Hello {{name}}!
    </template>
    <script>
        // Класс элемента MyElement наследуется от Polymer.Element
        class MyElement extends Polymer.Element {

            /*
             * Возвращает имя компонента
             * @return String Имя компонента
             */
            static get is () { return 'my-element'; }

            /* 
             * Возвращает конфигурационные данные компонента
             * @return Object Конфигурация
             */
            static get config () {
                return {
                    properties: {
                       name: {            // Название параметра
                           type: String,  // Тип параметра
                           value: 'World' // Значение параметра
                       }
                    }
                };
            }

            /*
             * Конструктор 
             */
            constructor () {
                // Вызов конструктора в родительском классе
                super();
            }

            /*
             * Компонент вызван ( Добавлен в DOM )
             */
            connectedCallback () {
                super.connectedCallback();
            }

            /*
             * Компонент удален из DOM
             */
            disconnectedCallback () 
                super.disconnectedCallback();
            }

        }
        // Регистрация элемента ( Спецификация Custom Elements v1 )
        customElements.define(MyElement.is, MyElement);
    </script>
</dom-module>