How to import core elements and paper elements in JSFiddle

Question

How can I import core elements and paper elements in JSFiddle.

I'm importing polymer through those statements:

<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.4.2/platform.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.4.2/polymer.js"></script>

How can import for example core-input or paper-input?

Answer 1

Yes from the polymer project site or I guess your cloudflare cdn if you know the location

<script src="http://www.polymer-project.org/platform.js"></script>
<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">
<link rel="import" href="http://www.polymer-project.org/components/paper-button/paper-button.html">
<link rel="import" href="http://www.polymer-project.org/components/core-header-panel/core-header-panel.html">

This is just for dev and not production.

If you goto polymer elements then choose your element and click on the button that says Get Element it will give you a popup with an import link.

Also you can get a link for all core or paper elements from here

Answer 2

A good alternative - still a work in progress - is https://ele.io/

Ele (call it “Ellie”) is a streamlined environment for exploring, experimenting with, and sharing reusable custom HTML elements made with Web Components.