Skip to main content

Page Navigation

An element that provides key customer journey experiences needed for an app service.

nav_anatomy.svg

1. Root : The minimum unit container area that wraps the Page Navigation component
2. App icon : A visual element representing the app icon
3. Primary Menu : Dropdown Menu grouping the first category of the page
4. Secondary Menu : Dropdown Menu for the second group of the page (Optional)
5. Suffix : Icon menu for other menus needed on the page, can be replaced according to the app's purpose


Types

TypeValueDescription
MainBooleanDefault menu provided
DepthBooleanSwitch to True when in Depth state (when the Back button appears during page navigation)

nav_types.svg



Properties

PropertiesValueDescription
PrimaryApp Icon, SuffixSwitch to True when in Depth state (when the Back button appears during page navigation)
SecondaryBooleanSwitch to True when in a state of being clicked by touch
SubtitleBooleanSwitch to True to provide additional information about the area

nav_main.svg nav_depth.svg