Display a list in easy to scan grid of rows and columns.
Last updated: 8 August, 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 borders to the base list group shown below.
List groups can be used on all page layouts except the Two column - filter page layout.
Layout:
The content area is 8 grid-columns wide.
List groups span the full width of the content area.
The content area is 9 grid-columns wide.
List groups span the full width of the content area.
The content area is 11 grid-columns wide.
List groups span the full width of the content area.
The content area is 12 grid-columns wide.
List groups span the full width of the content area.
The content area is 9 grid-columns wide.
List group components span the full width of the content area.
The content area is 10 grid-columns wide.
List group components span the full width of the content area.
The content area is 12 grid-columns wide.
List group components span the full width of the content area.
The content area is 8 grid-columns wide.
List groups span the full width of the content area.
The content area is 9 grid-columns wide.
List groups span the full width of the content area.
The content area is 12 grid-columns wide.
List groups span the full width of the content area.
The content area is 8 grid-columns wide.
List groups span the full width of the content area.
The content area is 12 grid-columns wide.
List groups span the full width of the content area.
The content area is 8 grid-columns wide.
List groups span the full width of the content area.
The content area is 11 grid-columns wide.
List groups span the full width of the content area.
The content area is 12 grid-columns wide.
List groups span the full width of the content area.
List groups display information in an easy to scan grid of rows and columns.
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.