o-hierarchical-nav

CSS JS

Responsive hierarchical nav

View on GitHub

Quick start

Using the build service

Add the following token to your script and link tags (how do I do that?):

o-hierarchical-nav@^5.0.0

For more information see the Origami build service.

Using a manual build process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-hierarchical-nav"@"^5.0.0"

For more information see the Origami build process.

nav


			

A responsive multi-level menu for site navigation

responsive-nav


			

A demo responsive layout where the navigation is hidden behind a single item at a narrow screen width

mega-dropdown


			

A mega dropdown menu for sites with a large tree-like navigation

Component information

Latest stable version:
5.0.0 (27 days, 14 hours old)
Status (Learn more):
Active (as of 5.0.0)
Bundle sizes:
21.69KB JavaScript 2,079b CSS
This version
5.0.0 (27 days, 14 hours old)
Support status (Learn more):
Active (as of 5.0.0)
Last indexed
22 Jun 2017 13:07:38 (Build now)
Installable?
OK
Dependencies
ftdomdelegate >=1.0.0 <3 OK 2.1.0
o-colors ^4.0.1 OK 4.0.2
o-dom >=0.4.0 <3 OK 2.0.3
o-hoverable >=0.1.1 <4 OK 3.1.0
o-icons >=4.4.2 <6 OK 5.4.0
o-layers >=0.2.0 <3 OK 2.0.3
o-squishy-list >=1.0.0 <3 OK 2.3.0
o-viewport >=1.0.0 <4 OK 3.1.2
Dependents
o-headero-techdocs

Contact

To talk to the team you can contact the Origami team on Slack channel #ft-origami or directly by email at origami-support@ft.com

Report an issue

Origami