Ui.Header
The header component with a brand and navigation items which on mobile collapses into a icon which when interacted with opens up an action sheet with the navigation items.
States
A state to store the state of the dropdowns.
A state to store the current url.
Properties
Content for the brand.
The breakpoint for the mobile version.
The gap between the items.
The height of the component.
The menu icon.
The navigation items.
The size of the component.
Functions
The menu icon click handler.
Renders the component.
Renders the contents of an item.
Updates the url
state.
Updates the width
state based on the dimensions and breakpoint.