Design System React

AlphaThis a work in progress. Your input will help us to improve it. Report issues or raise questions on GitHub.

Side navigation

JSX for this example
<React.Fragment />

Side navigation configuration

SideNavigation components can use the following prop:

className (optional)
A CSS class name to pass to the component.

Side navigation list configuration

SideNavigation.List components can use the following prop:

isRoot (optional)
Indicates that this is the root list in a nested structure. Required for mobile navigation.

SideNavigation.List components can be children of SideNavigation.Item components to create a nested navigation structure.

Side navigation item configuration

SideNavigation.Item components can use the following props:

href
The destination URL.
isCurrent (optional)
Whether this is the current page. The current page uses a span element and is not a link. Boolean.
linkComponent (optional)
Function that returns an element, to customise the output.
title
Text to use for the link text.