Design System React

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

Sequential navigation

JSX for this example
<React.Fragment />

Sequential navigation configuration

SequentialNavigation components use the following props:

ariaLabel (optional)
Text to use for an aria-label attribute on the nav element. Default is ‘Article navigation’.
className (optional)
A CSS class name to pass to the component.

Sequential navigation links configuration

SequentialNavigation.Next and SequentialNavigation.Previous components use the following props:

href
URL of the page being linked to.
linkComponent (optional)
Function that returns an element, to customise the output.
textLabel (optional)
String to use for the label that precedes the link text. Defaults to ‘Previous’ and ‘Next’