# Header Layout

A wrapper element that positions a Header and other content. Based on Polymer's [app-header-layout](https://elements.polymer-project.org/elements/app-layout?active=app-header-layout) element using vanilla web technologies (CSS, JavaScript and HTML).

## Demos

- [Basic header layout](http://mdk-demo.themekit.io/header-layout.html) - Positions a header and other content in a custom scrolling region
- [Header layout within drawer](http://mdk-demo.themekit.io/header-layout-drawer.html) - Positions a header and other content within a drawer
- [Header layout within drawer with header transform effects](http://mdk-demo.themekit.io/header-layout-drawer-transform-fx.html) - Positions a header and other content within a drawer and use transform effects on header elements based on scroll position