This is a simple UI component to create a collapsing header. Header may collapse either on scroll or by clicking a ui control
...
This component relies on the following third-party libraries:
Download the component and extract in 'components/app-ui-header'
cd [project folder]
wget https://github.com/app-ui/header/archive/master.zip
unzip master.zip -d ./components/
Using bower: (Old method)
bower install app.ui.header
The component is built on top of APP which should be loaded before the component in the section of your website. This library uses the non-standard method of "html imports" for loading custom elements.
- Include APP library
<script src="components/app/build/app.min.js"></script>- Import the custom element
<link rel="import" href="component/app-ui-header">- Start using the element applying it to an appropriate tag
<div is="app-ui-header"></div>Currently the component extends the <div> tag.
These are the set of options you can use as attributes in your custom element:
...
...
Originally based on Backbone.UI.Header by Lyndel Thomas
Initiated by Makis Tracend ( @tracend )
Distributed through Makesites.org
Released under the MIT License