polymer_app_layout_template 0.0.3 copy "polymer_app_layout_template: ^0.0.3" to clipboard
polymer_app_layout_template: ^0.0.3 copied to clipboard

outdatedDart 1 only

Port of polymer-app-layout-template js to dart

polymer_app_layout_templates #

Dart version of https://github.com/PolymerElements/app-layout-templates

Application Layout Templates (Dart) #

Use the application layout templates provided and start building responsive applications.

Application Layout Templates Viewer #

Templates:

Left Nav + View

Left Nav + Card Feed

Left Nav + List + Detail

List Left + Card over Extended Header

Configuration #

Use polymer_route_behavior to implement routing.

Only for Left Nav + View, Layout Nav Header and List Left + Card over Extended Header

Example:

<layout-list-card-over config='[
    { "name": "home", "path": "", "element": "home-page", "isDefault": true},
    { "name": "one", "path": "one", "element": "page-one" },
    { "name": "two", "path": "two", "element": "div" }
]'></layout-list-card-over>

The element field accept any HtmlElement.

Working example

Next Step #

  • Define and pass parameter in path url
  • Add sub path