The Australian Government coat of Arms

Communities of practice

Communities of practice

Loading state - Loader

myGov Beta component

The loader component is used to indicate that specific content is loading within a page.

It includes the animated loader graphic and the text label ‘Loading’ which must be included for accessibility reasons.

In the email list, the white opacity appears above the content to emphasise the loading state and allows the loader and label to appear legible.

The loading state on the button has a thinner version of the animated loader graphic with different colours. The button’s text label changes to read ‘Loading’.

Rationale for submission:
No equivalent component in DTA Design System.

UX owner: N/A
VD owner: Rachel Bell

InVision link:

Desktop

Mobile

Sketch file:
DTA-30-Loading state-Loader.sketch (1.9 MB)