myGov Beta component
This component allows users to navigate between pages in the authenticated site and sign out of their account.
On desktop, it displays as a list of menu items on the left-hand side of the page.
On mobile, it displays as a list of scrollable menu items above the main page content. A soft gradient appears on the sides to indicate when more items are available but are out of view.
Arrows appear on hover when using mobile view on a desktop as an additional aid to navigate between items.
The component is sticky on all devices. On desktop, the menu items remain in view at the top of the page with a smooth transition as the user scrolls. On mobile, the navigation bar sticks to the top of the screen as the user scrolls.
Rationale for submission:
Extension of ‘Side nav’
UX owner: Tobias Ogle
VD owner: Rachel Bell
DTA-05-Authenticated side navigation.sketch (258.1 KB)