Design

All breakpoints

Select 'Melbourne, VIC, 3000' and/or 'Perth, WA, 6000' to see examples of Council fields.

Add up to 5 business locations

  • Melbourne, VIC, 3000
  • Perth, WA, 6000
  • Ballarat Central, VIC, 3350
  • Melton, VIC, 3337
  • Southbank, VIC, 3006

No location found.

This field is required.

You've reached the limit of 5 selected locations.

If you are unsure which is your local council use your local council finder.

This field is required.

If you are unsure which is your local council use your local council finder.

This field is required.

Layouts

Question tabs are used in Two column - guide page layout.

Layout: Two column - guide page layout

The left side menu is 3 grid-columns wide. The content area is 8 grid-columns wide.

Question tabs span the full width of the content area.

The left side menu is 4 grid-columns wide. The content area is 8 grid-columns wide.

Question tabs span the full width of the content area.

The content area and the left side menu are both 12 grid-columns wide.

Question tabs span the full width of the content area.

Guidelines for use

Purpose:

Question tabs let users choose between two ways to answer the same question.

When to use this component:

Used in the ABLIS finder when a question can be answered in two related ways, such as searching by postcode or selecting a state.

Version history

25 August, 2026

  • Added the question tabs component 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.