Core elements

This package wraps the Polymer project's core elements, providing the following features:

  • Because the elements are bundled into a single pub package, you can add core_elements as a dependency in your pubspec. You don't need to install npm or bower.

  • Core elements that are either performance sensitive (like core-list) or use native objects that are difficult to use via dart:js (like core-ajax) have been ported to Dart.

  • The remaining core elements are wrapped with Dart proxy classes, making them easier to interact with from Dart apps.

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

Status

This is an early access version of the core 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/core_elements/core_input.html">

Import into Dart:

import 'package:core_elements/core_input.dart';

Running demos

If you download or fork the repo from https://github.com/dart-lang/core-elements, then you can use the pub command to run demos.

If you only want to run a few demos, then you can edit pubspec.yaml to comment out (using #) all the entrypoints except the ones you need.

To run a core element demo:

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

    pub serve example
    
  2. In a browser, visit <code>http://localhost:8080/<em>element_name</em>.html).

Note that you use an underscore (_) instead of the dash (-) in the element name. For example, to see the core-icons demo, browse to <a href="http://localhost:8080/core_icons.html">http://localhost:8080/core_icons.html</a>.

For a full list of demos, see the values for entry_points in the pubspec.yaml file.

To create a deployable build of one or more demos:

  1. From the top directory, use the pub build command:

    pub build example

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

Note: Building the demos might take a few minutes.

Libraries

core_elements.core_a11y_keys

Dart API for the polymer element core_a11y_keys.

core_elements.core_ajax_dart
core_elements.core_animated_pages

Dart API for the polymer element core_animated_pages.

core_elements.core_animation

Dart API for the polymer element core_animation.

core_elements.core_animation_group

Dart API for the polymer element core_animation_group.

core_elements.core_collapse

Dart API for the polymer element core_collapse.

core_elements.core_drag_drop

Dart API for the polymer element core_drag_drop.

core_elements.core_drawer_panel

Dart API for the polymer element core_drawer_panel.

core_elements.core_dropdown

Dart API for the polymer element core_dropdown.

core_elements.core_dropdown_base

Dart API for the polymer element core_dropdown_base.

core_elements.core_dropdown_menu

Dart API for the polymer element core_dropdown_menu.

core_elements.core_field

Dart API for the polymer element core_field.

core_elements.core_header_panel

Dart API for the polymer element core_header_panel.

core_elements.core_icon

Dart API for the polymer element core_icon.

core_elements.core_icon_button

Dart API for the polymer element core_icon_button.

core_elements.core_iconset

Dart API for the polymer element core_iconset.

core_elements.core_iconset_svg

Dart API for the polymer element core_iconset_svg.

core_elements.core_image

Dart API for the polymer element core_image.

core_elements.core_input

Dart API for the polymer element core_input.

core_elements.core_item

Dart API for the polymer element core_item.

core_elements.core_key_helper

Dart API for the polymer element core_key_helper.

core_elements.core_label

Dart API for the polymer element core_label.

core_elements.core_layout_grid

Dart API for the polymer element core_layout_grid.

core_elements.core_layout_trbl

Dart API for the polymer element core_layout_trbl.

core_elements.core_list_dart
core_elements.core_localstorage_dart

Dart API for the polymer element core-localstorage-dart.

core_elements.core_media_query

Dart API for the polymer element core_media_query.

core_elements.core_menu

Dart API for the polymer element core_menu.

core_elements.core_menu_button

Dart API for the polymer element core_menu_button.

core_elements.core_meta

Dart API for the polymer element core_meta.

core_elements.core_overlay

Dart API for the polymer element core_overlay.

core_elements.core_overlay_layer

Dart API for the polymer element core_overlay_layer.

core_elements.core_pages

Dart API for the polymer element core_pages.

core_elements.core_range

Dart API for the polymer element core_range.

core_elements.core_scaffold

Dart API for the polymer element core_scaffold.

core_elements.core_scroll_header_panel

Dart API for the polymer element core_scroll_header_panel.

core_elements.core_scroll_threshold

Dart API for the polymer element core_scroll_threshold.

core_elements.core_selection

Dart API for the polymer element core_selection.

core_elements.core_selector

Dart API for the polymer element core_selector.

core_elements.core_shared_lib

Dart API for the polymer element core_shared_lib.

core_elements.core_signals

Dart API for the polymer element core_signals.

core_elements.core_slide

Dart API for the polymer element core_slide.

core_elements.core_splitter

Dart API for the polymer element core_splitter.

core_elements.core_style

Dart API for the polymer element core_style.

core_elements.core_submenu

Dart API for the polymer element core_submenu.

core_elements.core_toolbar

Dart API for the polymer element core_toolbar.

core_elements.core_tooltip

Dart API for the polymer element core_tooltip.

core_elements.core_transition

Dart API for the polymer element core_transition.

core_elements.core_transition_css

Dart API for the polymer element core_transition_css.

core_elements.core_transition_pages

Dart API for the polymer element core_transition_pages.

core_elements.core_xhr_dart

@group Polymer Core Elements

core_elements.hero_transition

Dart API for the polymer element hero_transition.