The Australian Government coat of Arms

Communities of practice

Communities of practice

Carousel - Icon with status

myGov Beta component

This component consists of individual cards which turn into a carousel at a certain number of cards.

The ‘Icon with status’ card has a white container which consists of a service logo, heading, description, status and CTA with external link icon.

The carousel includes left and right arrow buttons to navigate between rows of cards.

On mobile, only one card maximum will display at a time. Any additional cards can be viewed by navigating with the arrow buttons.

Rationale for submission:

The carousel component provides the user the opportunity to explore content that is relevant to them.

Specifically, the ‘Icon with status’ carousel is designed for linking to an application and communicating the current status as ‘Incomplete’, ‘Submitted’, ‘Action needed’ or ‘Completed’.

Extension of ‘Card’. Prior conversation at Responsive Image Slider / Carousel.

UX owner: Tobias Ogle
VD owner: Rachel Bell

InVision link:

See ‘Your applications’ carousel on Dashboard:

Desktop
https://deloitteaustralia.invisionapp.com/share/VNYAU7SH64Q

Mobile
https://deloitteaustralia.invisionapp.com/share/8UYAUKPXAD4

Sketch file:
DTA-12-Carousel-Icon with status.sketch (327.4 KB)

It might be worth grouping all of these Carousels together in a single thread :slightly_smiling_face: as really each one is a reimplementation/story of the same component.