Textbox input

Style notes

Default styling for form labels is the standard paragraph style. Bold paragraph styles or lower level heading styles can also be used for labels when appropriate.

Text elements in forms have a bottom margin of 16px instead of the 24px used elsewhere on business.gov.au.

All breakpoints

To view error state type 'error' and click outside the text box.

Descriptive error message

Default state

Focus state

Error state

Descriptive error message

Error and focus state

Descriptive error message

Disabled state

Textbox with units

All breakpoints

Text box with units

To view error state type 'error' and click outside the text box.

$AUD

.00

Descriptive error message

Default state

$AUD

.00

Focus state

$AUD

.00

Error state

$AUD

.00

Descriptive error message

Error and focus state

$AUD

.00

Descriptive error message

Disabled state

$AUD

.00

Textbox with button

All breakpoints

Text box with button

To view error state type 'error' and click outside the text box.

Descriptive error message

Default state

Add

Button hover state

Add

Input focus state

Add

Button focus state

Add

Error state

Add

Descriptive error message

Input error and focus state

Add

Descriptive error message

Disabled state

Add

Textarea

All breakpoints

Text area

0 of 100 characters used

Default state

Focus state

Error state

Descriptive error message

Error and focus state

Descriptive error message

Disabled state

Design specifications

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.