Navigation for step-by-step processes such as those found in many online tools.
Last updated: 19 September, 2023
business.gov.au branding
No branding
Breakpoints:
To see designs for other breakpoints please view this page on a larger screen.
Breakpoints:
To see designs for other breakpoints please view this page on a larger screen.
Apply your brand specific colours and borders to the base stepped navigation shown below.
Stepped navigation can be used on all page layouts except the Two column - filter page layout.
Layout: All layouts
The content area is 12 grid-columns wide.
Stepped navigation components are 12 grid-columns wide.
Stepped navigation components should only appear once in a page. They can be placed in the header (for tools) or at the top of the page content area.
Stepped navigation guides users through a process that is completed in a set order. It displays where the user is up to and allows then to navigate back to previous steps.
Users cannot navigate forward to uncompleted steps using this component.
Pops up like cooked bread in a toaster.
Toasts can be left aligned or centered depending on the page context.
Pops up like cooked bread in a toaster.
Toasts can be left aligned or centered depending on the page context.
Changes to this contract are being autosaved.