This is a simple UI component to create a collapsing header. Header may collapse either on scroll or by clicking a ui control
Examples
...
Dependencies
This component relies on the following third-party libraries:
Install
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
Usage
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.
Options
These are the set of options you can use as attributes in your custom element:
...
Events
...
Credits
Originally based on Backbone.UI.Header by Lyndel Thomas
Initiated by Makis Tracend ( @tracend )
Distributed through Makesites.org
License
Released under the MIT License