polymer-1.0 Getting started with polymer-1.0

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Insert
> Step 2: And Like the video. BONUS: You can also share it!


  • The example above shows bare minimum structure of a custom(Polymer) element using local dom.
  • A Polymer element can also be created entirely using script tag, but that is not part of this topic.
  • Even though style tag is not a part of bare minimum structure it has been kept there just for understanding purpose.
  • Also, script tag can be used in both imperative and declarative fashion i.e user can have a separate js file with atleast above written code and then refer it in element.
  • Please note that id of dom-module and is property of Polymer constructor should always be same.


VersionRelease Date

Element structure

Defining an element with no content.

<dom-module id="empty-element">

      is: 'empty-element',

And then you can use the new element in any other pages.

<!DOCTYPE html>
        <!-- Using lite version as Polymer does not require Polyfill for Shadow Dom -->
        <script src="path/to/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
        <!-- Importing the element assuming file name is also empty-element.html -->
        <link rel="import" href="empty-element.html">


Got any polymer-1.0 Question?