app-layout
App layout elements
App Layout
A collection of elements, along with guidelines and templates that can be used to structure your app’s layout.
What is inside
Elements
app-box - A container element that can have scroll effects - visual effects based on scroll position.
app-drawer - A navigation drawer that can slide in from the left or right.
app-drawer-layout - A wrapper element that positions an app-drawer and other content.
app-grid - A helper class useful for creating responsive, fluid grid layouts using custom properties.
app-header - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.
app-header-layout - A wrapper element that positions an app-header and other content.
app-toolbar - A horizontal toolbar containing items that can be used for label, navigation, search and actions.
Templates
The templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:
Patterns
Sample code for various UI patterns:
Transform navigation: As more screen space is available, side navigation can transform into tabs. (Demo - Source)
Expand Card: Content cards may expand to take up more horizontal space. (Demo - Source)
Material Design Responsive Toolbar: Toolbar changes its height and padding to adapt mobile screen size. (Demo - Source)
Users
Here are some web apps built with App Layout:
- Youtube Web
- Google I/O 2016
- Polymer project site
- Polymer summit
- Shop
- News
- webcomponents.org
- Chrome Status
- Project Fi
- NASA Open Source Software
See: Documentation, Demo.
Usage
Installation
npm install --save @polymer/app-layout
In an html file
<html>
<head>
<script type="module">
import '@polymer/app-layout/app-layout.js';
</script>
</head>
<body>
<app-header reveals>
<app-toolbar>
<div main-title>My app</div>
</app-toolbar>
</app-header>
<app-drawer id="drawer" swipe-open></app-drawer>
</body>
</html>
In a Polymer 3 element
import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/app-layout/app-layout.js';
class SampleElement extends PolymerElement {
static get template() {
return html`
<app-header reveals>
<app-toolbar>
<div main-title>My app</div>
</app-toolbar>
</app-header>
<app-drawer id="drawer" swipe-open></app-drawer>
`;
}
}
customElements.define('sample-element', SampleElement);
Contributing
If you want to send a PR to this element, here are the instructions for running the tests and demo locally:
Installation
git clone https://github.com/PolymerElements/app-layout
cd app-layout
npm install
npm install -g polymer-cli
Running the demo locally
polymer serve --npm
open http://127.0.0.1:<port>/demo/
Running the tests
polymer test --npm
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- @polymer/iron-flex-layout#^3.0.0-pre.26
- @polymer/iron-media-query#^3.0.0-pre.26
- @polymer/iron-resizable-behavior#^3.0.0-pre.26
- @polymer/iron-scroll-target-behavior#^3.0.0-pre.26
- @polymer/polymer#^3.0.0
- Released
- 2018-11-27
- Maturity
- IMPORTED
- License
- BSD 3-clause "New" or "Revised" License
Compatibility
- Framework
- Polymer 1.0+
- Polymer 3.0+
- Polymer 2.0+ in 2.1.1
- Browser
- Browser Independent
app-layout - Vaadin Add-on Directory
App layout elementsView on NPM
GitHub Homepage
Documentation
View on GitHub
Issue tracker
License
app-layout version 0.0.1
### Dependencies
polymer/polymer#^1.0.0
* polymerelements/iron-flex-layout#^1.0.0
* polymerelements/iron-icon#^1.0.0
* polymerelements/iron-icons#^1.0.0
* polymerelements/iron-media-query#^1.0.0
* polymerelements/iron-pages#^1.0.0
* polymerelements/iron-resizable-behavior#^1.0.0
* polymerelements/paper-icon-button#^1.0.0
* polymerelements/paper-item#^1.0.0
* polymerelements/paper-menu#^1.0.0
* polymerelements/paper-styles#^1.0.0
app-layout version 0.0.2
### Dependencies
polymer/polymer#^1.0.0
* polymerelements/iron-flex-layout#^1.0.0
* polymerelements/iron-icon#^1.0.0
* polymerelements/iron-icons#^1.0.0
* polymerelements/iron-media-query#^1.0.0
* polymerelements/iron-pages#^1.0.0
* polymerelements/iron-resizable-behavior#^1.0.0
* polymerelements/paper-icon-button#^1.0.0
* polymerelements/paper-item#^1.0.0
* polymerelements/paper-menu#^1.0.0
* polymerelements/paper-styles#^1.0.0
app-layout version 0.0.3
### Dependencies
polymer/polymer#^1.0.0
* polymerelements/iron-flex-layout#^1.0.0
* polymerelements/paper-styles#^1.0.0
app-layout version 0.0.4
### Dependencies
polymer/polymer#^1.0.0
* polymerelements/iron-flex-layout#^1.0.0
* polymerelements/iron-media-query#^1.0.0
* polymerelements/iron-resizable-behavior#^1.0.0
app-layout version 0.0.5
### Dependencies
polymer/polymer#^1.0.0
* polymerelements/iron-flex-layout#^1.0.0
* polymerelements/iron-media-query#^1.0.0
* polymerelements/iron-resizable-behavior#^1.0.0
app-layout version 0.0.6
### Dependencies
polymer/polymer#^1.0.0
* polymerelements/iron-flex-layout#^1.0.0
* polymerelements/iron-media-query#^1.0.0
* polymerelements/iron-resizable-behavior#^1.0.0
app-layout version 0.0.7
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
app-layout version 0.0.8
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
app-layout version 0.0.9
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
app-layout version 0.0.10
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
app-layout version 0.0.11
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
app-layout version 0.0.12
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
app-layout version 0.0.13
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
app-layout version 0.0.14
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#polymerelements/iron-scroll-target-behavior#^1.0.0
app-layout version 0.0.15
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#polymerelements/iron-scroll-target-behavior#^1.0.0
app-layout version 0.0.16
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#polymerelements/iron-scroll-target-behavior#^1.0.0
app-layout version 0.0.17
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#polymerelements/iron-scroll-target-behavior#^1.0.0
app-layout version 0.9.0
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#polymerelements/iron-scroll-target-behavior#^1.0.0
app-layout version 0.9.1
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#polymerelements/iron-scroll-target-behavior#^1.0.0
app-layout version 0.10.0
### Dependencies
* polymer#polymer/polymer#^1.6.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#polymerelements/iron-scroll-target-behavior#^1.0.0
app-layout version 0.9.2
### Dependencies
* polymer#polymer/polymer#^1.0.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#polymerelements/iron-scroll-target-behavior#^1.0.0
app-layout version 0.10.1
### Dependencies
* polymer#polymer/polymer#^1.6.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#polymerelements/iron-scroll-target-behavior#^1.0.0
app-layout version 0.10.2
### Dependencies
* polymer#polymer/polymer#^1.6.0
* iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
* iron-media-query#polymerelements/iron-media-query#^1.0.0
* iron-resizable-behavior#polymerelements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#polymerelements/iron-scroll-target-behavior#^1.0.0
app-layout version 0.10.3
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#^1.0.0
* iron-media-query#PolymerElements/iron-media-query#^1.0.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#^1.0.0
* polymer#Polymer/polymer#^1.6.0
app-layout version 0.10.4
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#^1.0.0
* iron-media-query#PolymerElements/iron-media-query#^1.0.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#^1.0.0
* polymer#Polymer/polymer#^1.6.0
app-layout version 0.10.5
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#^1.0.0
* iron-media-query#PolymerElements/iron-media-query#^1.0.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#^1.0.0
* polymer#Polymer/polymer#^1.6.0
app-layout version 0.10.6
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#^1.0.0
* iron-media-query#PolymerElements/iron-media-query#^1.0.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#^1.0.0
* polymer#Polymer/polymer#^1.6.0
app-layout version 0.10.7
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#^1.0.0
* iron-media-query#PolymerElements/iron-media-query#^1.0.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#^1.0.0
* polymer#Polymer/polymer#^1.6.0
app-layout version 1.0.0
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#^1.0.0
* iron-media-query#PolymerElements/iron-media-query#^1.0.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#^1.0.0
* polymer#Polymer/polymer#^1.6.0
app-layout version 1.0.1
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#^1.0.0
* iron-media-query#PolymerElements/iron-media-query#^1.0.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.0
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#^1.0.0
* polymer#Polymer/polymer#^1.6.0
app-layout version 2.0.0
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2
* iron-media-query#PolymerElements/iron-media-query#1 - 2
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#1 - 2
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#1 - 2
* polymer#Polymer/polymer#1.9 - 2
app-layout version 2.0.1
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2
* iron-media-query#PolymerElements/iron-media-query#1 - 2
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#1 - 2
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#1 - 2
* polymer#Polymer/polymer#1.9 - 2
app-layout version 3.0.0-pre.1
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.1
* @polymer/iron-media-query#^3.0.0-pre.1
* @polymer/iron-resizable-behavior#^3.0.0-pre.1
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.1
* @polymer/polymer#^3.0.0-pre.1
app-layout version 2.0.2
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2
* iron-media-query#PolymerElements/iron-media-query#1 - 2
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#1 - 2
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#1 - 2
* polymer#Polymer/polymer#1.9 - 2
app-layout version 2.0.3
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2
* iron-media-query#PolymerElements/iron-media-query#1 - 2
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#1 - 2
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#1 - 2
* polymer#Polymer/polymer#1.9 - 2
app-layout version 2.0.4
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2
* iron-media-query#PolymerElements/iron-media-query#1 - 2
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#1 - 2
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#1 - 2
* polymer#Polymer/polymer#1.9 - 2
app-layout version 3.0.0-pre.2
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.1
* @polymer/iron-media-query#^3.0.0-pre.1
* @polymer/iron-resizable-behavior#^3.0.0-pre.1
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.1
* @polymer/polymer#^3.0.0-pre.1
app-layout version 3.0.0-pre.3
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.3
* @polymer/iron-media-query#^3.0.0-pre.3
* @polymer/iron-resizable-behavior#^3.0.0-pre.3
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.3
* @polymer/polymer#^3.0.0-pre.3
app-layout version 3.0.0-pre.4
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.4
* @polymer/iron-media-query#^3.0.0-pre.4
* @polymer/iron-resizable-behavior#^3.0.0-pre.4
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.4
* @polymer/polymer#^3.0.0-pre.4
app-layout version 3.0.0-pre.6
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.6
* @polymer/iron-media-query#^3.0.0-pre.6
* @polymer/iron-resizable-behavior#^3.0.0-pre.6
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.6
* @polymer/polymer#^3.0.0-pre.6
app-layout version 3.0.0-pre.7
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.7
* @polymer/iron-media-query#^3.0.0-pre.7
* @polymer/iron-resizable-behavior#^3.0.0-pre.7
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.7
* @polymer/polymer#^3.0.0-pre.7
app-layout version 3.0.0-pre.8
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.7
* @polymer/iron-media-query#^3.0.0-pre.7
* @polymer/iron-resizable-behavior#^3.0.0-pre.7
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.7
* @polymer/polymer#^3.0.0-pre.7
app-layout version 2.0.5
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2
* iron-media-query#PolymerElements/iron-media-query#1 - 2
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#1 - 2
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#1 - 2
* polymer#Polymer/polymer#1.9 - 2
app-layout version 3.0.0-pre.10
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.10
* @polymer/iron-media-query#^3.0.0-pre.10
* @polymer/iron-resizable-behavior#^3.0.0-pre.10
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.10
* @polymer/polymer#^3.0.0-pre.10
app-layout version 3.0.0-pre.11
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.10
* @polymer/iron-media-query#^3.0.0-pre.10
* @polymer/iron-resizable-behavior#^3.0.0-pre.10
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.10
* @polymer/polymer#^3.0.0-pre.10
app-layout version 2.1.0
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2
* iron-media-query#PolymerElements/iron-media-query#1 - 2
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#1 - 2
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#1 - 2
* polymer#Polymer/polymer#1.9 - 2
app-layout version 3.0.0-pre.12
### Dependencies
* @polymer/iron-flex-layout#3.0.0-pre.12
* @polymer/iron-media-query#3.0.0-pre.12
* @polymer/iron-resizable-behavior#3.0.0-pre.12
* @polymer/iron-scroll-target-behavior#3.0.0-pre.12
* @polymer/polymer#3.0.0-pre.12
app-layout version 3.0.0-pre.13
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.13
* @polymer/iron-media-query#^3.0.0-pre.13
* @polymer/iron-resizable-behavior#^3.0.0-pre.13
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.13
* @polymer/polymer#^3.0.0-pre.13
app-layout version 2.1.1
### Dependencies
* iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2
* iron-media-query#PolymerElements/iron-media-query#1 - 2
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#1 - 2
* iron-scroll-target-behavior#PolymerElements/iron-scroll-target-behavior#1 - 2
* polymer#Polymer/polymer#1.9 - 2
app-layout version 3.0.0-pre.14
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.14
* @polymer/iron-media-query#^3.0.0-pre.14
* @polymer/iron-resizable-behavior#^3.0.0-pre.14
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.14
* @polymer/polymer#^3.0.0-pre.13
app-layout version 3.0.0-pre.15
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.15
* @polymer/iron-media-query#^3.0.0-pre.15
* @polymer/iron-resizable-behavior#^3.0.0-pre.15
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.15
* @polymer/polymer#^3.0.0-pre.13
app-layout version 3.0.0-pre.16
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.16
* @polymer/iron-media-query#^3.0.0-pre.16
* @polymer/iron-resizable-behavior#^3.0.0-pre.16
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.16
* @polymer/polymer#^3.0.0-pre.13
app-layout version 3.0.0-pre.17
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.17
* @polymer/iron-media-query#^3.0.0-pre.17
* @polymer/iron-resizable-behavior#^3.0.0-pre.17
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.17
* @polymer/polymer#^3.0.0-pre.13
app-layout version 3.0.0-pre.18
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.18
* @polymer/iron-media-query#^3.0.0-pre.18
* @polymer/iron-resizable-behavior#^3.0.0-pre.18
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.18
* @polymer/polymer#^3.0.0
app-layout version 3.0.0-pre.19
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.19
* @polymer/iron-media-query#^3.0.0-pre.19
* @polymer/iron-resizable-behavior#^3.0.0-pre.19
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.19
* @polymer/polymer#^3.0.0
app-layout version 3.0.0-pre.20
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.20
* @polymer/iron-media-query#^3.0.0-pre.20
* @polymer/iron-resizable-behavior#^3.0.0-pre.20
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.20
* @polymer/polymer#^3.0.0
app-layout version 3.0.0-pre.21
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.21
* @polymer/iron-media-query#^3.0.0-pre.21
* @polymer/iron-resizable-behavior#^3.0.0-pre.21
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.21
* @polymer/polymer#^3.0.0
app-layout version 3.0.0-pre.22
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.20
* @polymer/iron-media-query#^3.0.0-pre.20
* @polymer/iron-resizable-behavior#^3.0.0-pre.20
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.20
* @polymer/polymer#^3.0.0
app-layout version 3.0.0-pre.23
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.22
* @polymer/iron-media-query#^3.0.0-pre.22
* @polymer/iron-resizable-behavior#^3.0.0-pre.22
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.22
* @polymer/polymer#^3.0.0
app-layout version 3.0.0-pre.24
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.22
* @polymer/iron-media-query#^3.0.0-pre.22
* @polymer/iron-resizable-behavior#^3.0.0-pre.22
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.22
* @polymer/polymer#^3.0.0
app-layout version 3.0.0-pre.25
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.24
* @polymer/iron-media-query#^3.0.0-pre.24
* @polymer/iron-resizable-behavior#^3.0.0-pre.24
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.24
* @polymer/polymer#^3.0.0
app-layout version 3.0.0-pre.26
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.25
* @polymer/iron-media-query#^3.0.0-pre.25
* @polymer/iron-resizable-behavior#^3.0.0-pre.25
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.25
* @polymer/polymer#^3.0.0
app-layout version 3.0.0
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.26
* @polymer/iron-media-query#^3.0.0-pre.26
* @polymer/iron-resizable-behavior#^3.0.0-pre.26
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.26
* @polymer/polymer#^3.0.0
app-layout version 3.0.1
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.26
* @polymer/iron-media-query#^3.0.0-pre.26
* @polymer/iron-resizable-behavior#^3.0.0-pre.26
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.26
* @polymer/polymer#^3.0.0
app-layout version 3.0.2
### Dependencies
* @polymer/iron-flex-layout#^3.0.0-pre.26
* @polymer/iron-media-query#^3.0.0-pre.26
* @polymer/iron-resizable-behavior#^3.0.0-pre.26
* @polymer/iron-scroll-target-behavior#^3.0.0-pre.26
* @polymer/polymer#^3.0.0