How to Create Collapsable Hamburger Nav Bar

[numenor-dev]

Hi,

I am actually trying to create the same style of collapsable navigation that is on the Twilio Paste site itself https://paste.twilio.design/

When going below a width of roughly 1024px, the navigation bar at the top of the page collapses into a Hamburger style button that can be toggled to open the navigation links.

I'm not seeing how to recreate this in the Twilio Paste docs.

[loreina]

Hi @numenor-dev,

It’s not a component in our system, but you can see how we put it together using Paste directly in our codebase.

[numenor-dev]

Hi @loreina,

Thank you! This is great. One quick follow up question, is there a way to just auto-collapse a section based on specific breakpoints? The section I'm wanting to modify on our site currently has a manual button toggle to collapse the section but ideally it would be great for it to auto-collapse on smaller viewports.