Basic non-visual elements for Polymer.dart

A port of polymer.js' core-elements to Polymer.dart. The intent of the authors is to contribute the work to the Dart project itself (https://www.dartlang.org).

Dart ports of Polymer elements from PolymerLabs can be found at

Documentation

  • The Dart source files of an element often contain some documentation (Dartdoc) how to use the element. You can also find this documentation online at
  • DartDoc
  • Almost each element has an associated demo page which shows how to use the element. Open the 'demo' links below to take a look. The source code of these demo pages can be found in the example subdirectory of the package. The actual implementation of the demo page is often outsourced to files in the example/src/element_name subdirectory.

Usage

  • add the following to your pubspec.yaml file:
dependencies:
  core_elements:

For more details take a look at the demo pages.

Feedback

Your feedback is very much appreciated. We are excited to hear about your experience using polymer_elements. We need your feedback to continually improve the qualtiy.

Just Create a New Issue

General notes

  • Tested with Dart SDK version 1.4.0-dev.6.5

Status

<!-- (A few demo pages (* aren't rendered properly as GitHub Pages or because they use unfinished elements. We are working on it.) -->

<!-- * Status (ported) means it is ported but not yet usable -->

Element name | Status | Comment | Demo ------------------------------- | ---------------- | ------------ | ---- polymer-ajax | ported | | demo <!--polymer-anchor-point | ported | | demo  polymer-collapse | ported | needs some additional stylesheet imports due to Polymer.dart limitations (see examples) | demo polymer-cookie | ported | | demo polymer-file | ported | | demo polymer-flex-layout | ported | needs some additional stylesheet imports due to Polymer.dart limitations (see examples) | demo  polymer-google-jsapi | not started | | polymer-grid-layout | ported | | demo polymer-jsonp | not started | | polymer-key-helper | not planned | | polymer-layout | ported | | demo polymer-localstorage | ported | | demo  polymer-media-query | ported | small issue in Dart but works fine in JS | demo polymer-meta | ported | doesn't work in JavaScript | polymer-mock-data | not started | | polymer-overlay | not started | | polymer-page | ported | | polymer-scrub | not started | | (no demo) polymer-selection | ported | | demo polymer-selector | ported | | demo polymer-shared-lib | not started | | polymer-signals | ported | | demo polymer‑view‑source‑link | not started | | -->

License

BSD 3-clause license (see LICENSE file).

Build Status

Libraries

core_elements.core_tooltip

The core-tooltip element creates a hover tooltip centered for the content it contains. It can be positioned on the top|bottom|left|right of content using the position attribute.

core_elements.tools