Feature: Component horizontal navigation

[htmlandbacon]

What

Review and spec out first version of 'horizontal sub navigation' navigation component for discussion.

Why

We've seen a number of services using sub navigation (in page navigation) along side header navigation to navigate there service

Done when

First thing we need review what we have and pick a version to take forward

• component spec
• macro component
• unit tests
• sass
• javascript -(to be reviewed)
• examples
• Compatibility testing evidence

Following review the following use cases need to be applied:

• Additional stacking for mobile
• JavaScript menu item applied as optional component (review against side navigation and menu item)

Outcomes

A releasable, tested internal service sub navigation.

Review component against others and decide what we might want to extract as a ticket.

Follow up ticket to update guidance on main site.

Related stories

• Navigation: Internal service sub navigation #497

[htmlandbacon]

Review session schedule before testing

[htmlandbacon]

When going through this I noticed a couple of parts of the code are now starting to repeat: we might want to consider extracting these out for maintenance/utility reasons.

I've added this as an outcome.

[htmlandbacon]

To update:

• Double check and update design branch with mobile version
• Review and take design layouts into developer branch
• Confirm additional spacing on mobile version
• Confirm additional spacing on bottom of the component

To remove to second version branch:

• Use as header navigation companion
• Mobile menu functionally

[mitz-lad]

Reviewed preview site found an issue with mobile link width.

This has been noted to address for mobile and tablet views. All other behaviour and styles as expected for this iteration.

[htmlandbacon]

Will pick up when we do compatibility testing!