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 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

Libraries

polymer_app_layout.device_layout_viewer

Created by lejard_h on 08/10/15.

polymer_app_layout.layout_device_view

Created by lejard_h on 08/10/15.

polymer_app_layout.layout_list_card_over

Created by lejard_h on 08/10/15.

polymer_app_layout.layout_nav_cards

Created by lejard_h on 08/10/15.

polymer_app_layout.layout_nav_list_detail

Created by lejard_h on 08/10/15.

polymer_app_layout.layout_nav_view

Created by lejard_h on 08/10/15.