Made by
Jay Freestone
Priority
Plus
A modern implementation of the
priority plus
navigation pattern.
View on Github
Change width
Home
About
Work
Services longer nav title
Contact
The short stuff
Vanilla JS, dependency free. Available as an ES6 module or browser global.
Uses the
IntersectionObserver
API
instead of width-based calculations.
Toggles the appropriate
WAI-ARIA
attributes to remain accessible.
Provides a class hook to style the menu differently when all items are in the overflow/hidden.
Provides a way to update the overflow toggle button with the hidden item count.