Описание тега polymer

Описание тега Вопросы с тегом
Библиотека Polymer предоставляет набор функций, которые позволяют легко и быстро создавать пользовательские элементы, которые работают как стандартные элементы DOM.

Polymer - это проект с открытым исходным кодом, возглавляемый командой Google. Его цель - реализовать набор спецификаций W3C, касающихся веб-компонентов, в библиотеку с открытым исходным кодом и архитектуру, подходящую для создания и включения многоразовых виджетов (называемых веб-компонентами) в современных веб-приложениях.

Пример кода

Простой пример:

<link rel="import" href="bower_components/polymer/polymer.html">

<dom-module id="my-tag">

  <template>
    <style>
      /* CSS rules for your element */
    </style>
    <!-- local DOM for your element -->
    <p>This is my custom Tag</p>
  </template>

  <script>
    // element registration
    Polymer({
      is: 'my-tag'
    });
  </script>
</dom-module>

Используя его в другом документе:

<!-- Add the <link> tag in the head of your markup -->
<link rel="import" href="bower_components/my-tag/my-tag.html">

<!-- Use your new tag anywhere in the document, which
     as you expect results in "This is my custom Tag" -->
<my-tag></my-tag>

Полезные ресурсы: