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.4 (11 days, 20 hours old)
Status (Learn more):
Active (as of 5.0.0)
Bundle sizes:
26.94KB JavaScript 2,079b CSS
This version
5.0.0 (6 months, 16 days old)
Support status (Learn more):
Active (as of 5.0.0)
Last indexed
1 Dec 2017 11:09:43 (Build now)
Installable?
OK
Dependencies
ftdomdelegate >=1.0.0 <3 OK 2.1.0
o-colors ^4.0.1 OK 4.1.5
o-dom >=0.4.0 <3 OK 2.0.6
o-hoverable >=0.1.1 <4 OK 3.1.4
o-icons >=4.4.2 <6 OK 5.4.3
o-layers >=0.2.0 <3 OK 2.0.6
o-squishy-list >=1.0.0 <3 OK 2.3.3
o-viewport >=1.0.0 <4 OK 3.1.5
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