material-design-kit
Version:
Interactive web components inspired from Material Design, using vanilla CSS, JavaScript and HTML.
9 lines (6 loc) • 820 B
Markdown
# 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.frontendmatter.com/header-layout.html) - Positions a header and other content in a custom scrolling region
- [Header layout within drawer](http://mdk.frontendmatter.com/header-layout-drawer.html) - Positions a header and other content within a drawer
- [Header layout within drawer with header transform effects](http://mdk.frontendmatter.com/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