Working with custom elements

Instead of making a new Polymer component from scratch or starting with an existing HTML element and building upon that as we did in the previous recipe, you can also simply use custom-made Polymer elements.

This recipe will implement some of the core and paper elements of the Polymer project (http://www.polymer-project.org/docs/elements/). The paper_elements project is the Polymer implementation of Google's Material Design UI widgets (for more information, refer to http://www.polymer-project.org/docs/elements/material.html). There will be more and more of these, either written in JavaScript with a custom Dart wrapper to use them, or purely in Dart, and you can also combine them with your own Polymer components. You can find the code in the project pol_custom.

How to do it...

1. In our pubspec.yaml file, we add the following dependencies:

   dependencies:
   polymer: '>=0.11.0 <0.12.0'
   core_elements: '>=0.0.6 <0.1.0'
   paper_elements: ...