Design System React

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

Contents navigation

JSX for this example
<React.Fragment />

Contents navigation configuration

ContentsNav components can use the following props:

ariaLabel (optional)
Text to use for the content nav's aria-label property, which is required for accessibility. Default is ‘Pages in this section’.
className (optional)
A CSS class name to pass to the component.
title (optional)
The title for the contents nav. Default is ‘Contents’.

Contents nav items configuration

ContentsNav.Item components nav items array can use the following propserties:

href (optional)
URL of the contents nav item
isCurrent (optional)
Whether the nav item is for the current page. Boolean.
linkComponent (optional)
Function that returns an element, to customise the output.