Navigation

An SVG logo component that supports the MYOB visual design gradient, black and white logo colours.

Example

API

Name Type Default Description
brand Navigation.Brand - A Navigation.Brand component.
primary array [] Either a single Navigation.Container or an array of Navigation.Menu, Navigation.Link and / or Navigation.Separator elements, appears towards the left of the container
secondary array [] Either a single Navigation.Container or an array of Navigation.Menu, Navigation.Link and / or Navigation.Separator elements, appears towards the right of the container

Navigation.Brand Usage

NA

API

Name Type Default Description
url string - Required. The home url of the application
width string 100% Optional. The width style to apply
children MYOBLogo - Required. The MYOBLogo component to display

Navigation.Link Usage

NA

API

Name Type Default Description
url string - Required. The url to use for the link
label string - Optional. The link text
icon Icon - Optional. An icon to display
disabled bool - Optional. If true, the link is disabled

Navigation.Separator Usage

NA

API

Name Type Default Description

Navigation.Menu Usage

NA

API

Name Type Default Description
label string - Optional. The label to use for the menu toggle
icon Icon - Optional. An icon to display to the right of the menu label
onSelect func - Required. The handler function to run when a menu item is selected
items array - Required. The menu items

Navigation.MenuLink Usage

NA

API

Name Type Default Description
url string - Required. The url to use for the link
label string - Optional. The link text
icon Icon - Optional. An icon to display
disabled bool - Optional. If true, the link is disabled

Used by

Team
-