Polymer Framework’u kendi html etiketlerinizi üretmeye ve kullanmaya yarıyor. Üstelik bu etiketlere CSS stilleri ve Javascript ekleyebiliyorsunuz. Böyle ‘yeniden kullanılabilir’ nesneler, yani butonlar, portletler, formlar vs. oluşturabiliyorsunuz.
Örneğin:
Bu özellikle temaya bağlı tasarımlarda her bir eleman için tekrar tekrar CSS tanımlamak, çağırmak, kullanmak gibi işlerden oluşan yükü hafifletebilir.
Basit bir örnek olarak aşağıdaki kodları göstereyim:
<!DOCTYPE html> <html lang="en"> <head> https://polygit.org/webcomponentsjs+1.0.0-rc.5/components/webcomponentsjs/webcomponents-loader.js
</head> <body>
</body> </html>
Burada dom-element’ini sonradan tanımladık. Bunu ise aşağıdaki html dosyası içinden üretiyoruz:
**** ** Aha bu benim öz tag'ımdır
** class DomElement extends Polymer.Element { static get is() { return "dom-element"; } } customElements.define(DomElement.is, DomElement);
Sonuç da şu:
Detaylı bilgi için: Polymer Resmi Sitesi