v2.0.0-beta1

App Layout 2.0 is a component built to create beautiful and responsive layout for your application with ease. It comes with three main areas: a navbar, a drawer and a content area. It also comes with vaadin-drawer-toggle, a small component with a hamburger icon to easily control the drawer open/close state.

A simple way to create an vaadin-app-layout would be:

<vaadin-app-layout>
  <vaadin-drawer-toggle slot="navbar"></vaadin-drawer-toggle>
  <h3 slot="navbar">App Name</h3>
  <ul slot="drawer">
    <li><a href="page1">Page 1</a></li>
  </ul>
  <main>
    The content
  </main>
</vaadin-app-layout>

Live Demo →
API Documentation →

Changes Since v2.0.0-alpha4:

• ab778c5 Added demo with links (#63)