The Mobile Header Navigation component uses a drop-down based design pattern for multi-page navigation UI on mobile websites. This component maximizes the live-area of the phone's viewport such that many pages will be exposed without reducing the size of the buttons past what can reasonably be accessed with touch based inputs. This Figma component uses clear hierarchies to organize content and is built with simple base components so it is easy to use and repurpose.
Updated 12/16/23: Adding dark mode, updating variant to use booleans
Credits:
0
Get component
