Chapter Banner

Description of the page

Overview

Used in the publication section, this navigation component allows users to move backward and forward in linear order through publications.

Elements

View Code
  • 1
    Previous label
  • 2
    Content label
  • 3
    Next label
  • 4
    Divider
  • 5
    Navigation (sticky variation only)

Variations

Inline - The inline content stepper sits within the content

Sticky - As the name suggests it sticks to the bottom of the browser window above the content allowing it to be always available. This variation contains the flyout navigation to jump to another chapter.

Behaviours

Selecting a label in the content stepper will open the corresponding content. Forward and back page functionality indicating the previous and next publications.

Recommendations

Add content strategy guidelines and editorial rules here.

Last Updated: