Paper elements

This package wraps the Polymer project's paper elements, enabling Dart developers to easily use the Polymer implementation of Google's material design UI widgets.

You can find out more about paper elements here: http://www.polymer-project.org/docs/elements/material.html

The paper_elements package bundles all the paper elements into a single pub package, so that you can add paper_elements as a dependency in your pubspec. Installing npm and bower is not required.

Status

This is an early access version of the paper elements. The elements are still changing on both the JavaScript and Dart sides.

Using elements

All elements live at the top level of the lib/ folder.

Import into HTML:

<link rel="import" href="packages/paper_elements/paper_input.html">

Import into Dart:

import 'package:paper_elements/paper_input.dart';

Running demos

If you download or fork the repo from https://github.com/dart-lang/paper-elements, then you can use the pub command to run any single demo or the sampler, which contains all the demos.

If you only want to run a single demo, then you can edit pubspec.yaml to comment out all the entrypoints except the one you need.

To run the paper element sampler:

  1. From the top directory, use the pub serve command, specifying the example directory:

    pub serve example
    
  2. In a browser, visit http://localhost:8080/demo.html.

To create a deployable build of a demo or the paper element sampler, use pub build from the top directory:

pub build example

Copy the files from the resulting build directory to where you want to serve the files.

Note: Building the sampler takes a few minutes.

Libraries

core_elements.paper_button

Dart API for the polymer element paper_button.

core_elements.paper_checkbox

Dart API for the polymer element paper_checkbox.

core_elements.paper_dialog

Dart API for the polymer element paper_dialog.

core_elements.paper_dialog_transition

Dart API for the polymer element paper_dialog_transition.

core_elements.paper_fab

Dart API for the polymer element paper_fab.

core_elements.paper_focusable

Dart API for the polymer element paper_focusable.

core_elements.paper_icon_button

Dart API for the polymer element paper_icon_button.

core_elements.paper_input

Dart API for the polymer element paper_input.

core_elements.paper_item

Dart API for the polymer element paper_item.

core_elements.paper_menu_button

Dart API for the polymer element paper_menu_button.

core_elements.paper_menu_button_overlay

Dart API for the polymer element paper_menu_button_overlay.

core_elements.paper_menu_button_transition

Dart API for the polymer element paper_menu_button_transition.

core_elements.paper_progress

Dart API for the polymer element paper_progress.

core_elements.paper_radio_button

Dart API for the polymer element paper_radio_button.

core_elements.paper_radio_group

Dart API for the polymer element paper_radio_group.

core_elements.paper_ripple

Dart API for the polymer element paper_ripple.

core_elements.paper_shadow

Dart API for the polymer element paper_shadow.

core_elements.paper_slider

Dart API for the polymer element paper_slider.

core_elements.paper_tab

Dart API for the polymer element paper_tab.

core_elements.paper_tabs

Dart API for the polymer element paper_tabs.

core_elements.paper_toast

Dart API for the polymer element paper_toast.

core_elements.paper_toggle_button

Dart API for the polymer element paper_toggle_button.

core_elements.sampler_scaffold

Dart API for the polymer element sampler_scaffold.