Design

Breakpoints:

Currently displaying the mobile design.

To see designs for other breakpoints please view this page on a larger screen.

Unsaved progress

Saved progress

Layouts

The save and return footer can be used on any page layout. It spans the full width of the screen.

Layout: All layouts

All breakpoints

The save and return footer is 12 grid-columns wide. The background colour extends left and right to the edge of the viewport.

Guidelines for use

Purpose:

The save and return footer is used in business.gov.au tools to provide a lightweight way to save progress in a tool without an account. It allows users to save their progress against a verified email address.

When to use this component:

  • Used in the Employment Contract Tool category pages.
  • This component could be adapted for other tools. When used in a tool it should be placed on every category page to allow users to save their progress at any point while they are working through a process.

Version history

25 March, 2024

  • Added the save and return footer to the style guide.

Call to action toast notification

Pops up like cooked bread in a toaster.

Toasts can be left aligned or centered depending on the page context.

Toast notification

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.