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
Inbox - Email list
Inbox - Button in modal
- Inbox - Email list
DTA-30-Loading state-Loader.sketch (1.9 MB)