Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<meta charset="utf-8">
<base href="http://polygit.org/components/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link href="polymer/polymer.html" rel="import">
<dom-module id="df-section">
    <template>
      <style>
        :host ::content h1 {
          color: red;
        }
      </style>
        <div>
            <content></content>
        </div>
    </template>
    <script>
      Polymer({
      is: 'df-section'
    });
  </script>
</dom-module>
​
<dom-module name="df-section2">
    <template>
      <style>
        :host ::content h1 {
          color: green;
        }
      </style>
        <div>
            <span>
                <content></content>
            </span>
        </div>
    </template>
    <script>
      Polymer({
       is: 'df-section2'
    });
  </script>
</dom-module>
​
<df-section>
    <h1>hello</h1>
</df-section>
<df-section2>
    <h1>hello2</h1>
</df-section2>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
arthurevanspro
0viewers