Back
Blue 01

Forms: Demo & code

User feedback

User feedback communicates the state of a field or the outcome of a user's interaction with the form.

Default

Text field

As it appears on your identity document
Maximum 500 characters
Show code Hide code

Input group

Show code Hide code

Predictive list



















Show code Hide code

Date

Date of birth For example 08 12 1990
Show code Hide code

Select

Your region of residence
Show code Hide code

Checkbox

Category Select all that applies to you
Show code Hide code

Radio buttons

Topic Select closest match
Show code Hide code

Error

Text Fields

As it appears on your identity document This field is required
Maximum 500 characters This field is required
Show code Hide code

Date

Date of birth (required) For example 08 12 1990
This field is required
Show code Hide code

Select

Your region of residence This field is required
Show code Hide code

Checkboxes

This field is required
Category (required) Select all that applies to you This field is required
Show code Hide code

Radio buttons

Topic (required) Select closest match This field is required
Show code Hide code

Success

Text Fields

As it appears on your identity document This field has been validated
Maximum 500 characters This field has been validated
Show code Hide code

Date

Date of birth For example 08 12 1990
This field has been validated
Show code Hide code

Select

Your region of residence This field has been validated
Show code Hide code

Checkboxes

This field has been validated
Category Select all that applies to you This field has been validated
Show code Hide code

Radio buttons

Topic Select closest match This field has been validated
Show code Hide code

Contextual feedback

Contextual feedback communicates the current state of the subject of the form, rather than the outcome of the user's interaction.

Use an information treatment for relevant status information that the user should know but does not need to act on.

Compact inline alert

Enter a NSW plate number CTP insurance confirmed. The insurer has sent the policy details to Transport for NSW. You can continue.
Show code Hide code

Standard alert

Enter a NSW plate number

Concession recorded

This vehicle has a registration concession. Additional charges may apply if ownership is transferred. No action is needed to complete this check.

Show code Hide code

Use a warning treatment when the subject's status requires the user to take action or affects what they can do next.

Compact inline alert

Enter a NSW plate number Safety inspection required. Arrange an inspection before renewing this registration.
Show code Hide code

Standard alert

Enter a NSW plate number

Online renewal unavailable

This registration needs changes to its operating conditions. Visit a service centre to renew.

Show code Hide code

A field can show that a value was validated while a separate message explains the subject's status. Only show the valid confirmation when it helps the user.

Valid field with action required

Enter a NSW plate number
Registration number matched

Safety inspection required

This vehicle needs a safety inspection before you can renew the registration.

Show code Hide code

User feedback

User feedback communicates the state of a field or the outcome of a user's interaction with the form.

Default

Text field

As it appears on your identity document
Maximum 500 characters
Show code Hide code

Input group

Show code Hide code

Predictive list



















Show code Hide code

Date

Date of birth For example 08 12 1990
Show code Hide code

Select

Your region of residence
Show code Hide code

Checkbox

Category Select all that applies to you
Show code Hide code

Radio buttons

Topic Select closest match
Show code Hide code

Error

Text Fields

As it appears on your identity document This field is required
Maximum 500 characters This field is required
Show code Hide code

Date

Date of birth (required) For example 08 12 1990
This field is required
Show code Hide code

Select

Your region of residence This field is required
Show code Hide code

Checkboxes

This field is required
Category (required) Select all that applies to you This field is required
Show code Hide code

Radio buttons

Topic (required) Select closest match This field is required
Show code Hide code

Success

Text Fields

As it appears on your identity document This field has been validated
Maximum 500 characters This field has been validated
Show code Hide code

Date

Date of birth For example 08 12 1990
This field has been validated
Show code Hide code

Select

Your region of residence This field has been validated
Show code Hide code

Checkboxes

This field has been validated
Category Select all that applies to you This field has been validated
Show code Hide code

Radio buttons

Topic Select closest match This field has been validated
Show code Hide code

Contextual feedback

Contextual feedback communicates the current state of the subject of the form, rather than the outcome of the user's interaction.

Use an information treatment for relevant status information that the user should know but does not need to act on.

Compact inline alert

Enter a NSW plate number CTP insurance confirmed. The insurer has sent the policy details to Transport for NSW. You can continue.
Show code Hide code

Standard alert

Enter a NSW plate number

Concession recorded

This vehicle has a registration concession. Additional charges may apply if ownership is transferred. No action is needed to complete this check.

Show code Hide code

Use a warning treatment when the subject's status requires the user to take action or affects what they can do next.

Compact inline alert

Enter a NSW plate number Safety inspection required. Arrange an inspection before renewing this registration.
Show code Hide code

Standard alert

Enter a NSW plate number

Online renewal unavailable

This registration needs changes to its operating conditions. Visit a service centre to renew.

Show code Hide code

A field can show that a value was validated while a separate message explains the subject's status. Only show the valid confirmation when it helps the user.

Valid field with action required

Enter a NSW plate number
Registration number matched

Safety inspection required

This vehicle needs a safety inspection before you can renew the registration.

Show code Hide code

User feedback

User feedback communicates the state of a field or the outcome of a user's interaction with the form.

Default

Text field

As it appears on your identity document
Maximum 500 characters
Show code Hide code

Input group

Show code Hide code

Predictive list



















Show code Hide code

Date

Date of birth For example 08 12 1990
Show code Hide code

Select

Your region of residence
Show code Hide code

Checkbox

Category Select all that applies to you
Show code Hide code

Radio buttons

Topic Select closest match
Show code Hide code

Error

Text Fields

As it appears on your identity document This field is required
Maximum 500 characters This field is required
Show code Hide code

Date

Date of birth (required) For example 08 12 1990
This field is required
Show code Hide code

Select

Your region of residence This field is required
Show code Hide code

Checkboxes

This field is required
Category (required) Select all that applies to you This field is required
Show code Hide code

Radio buttons

Topic (required) Select closest match This field is required
Show code Hide code

Success

Text Fields

As it appears on your identity document This field has been validated
Maximum 500 characters This field has been validated
Show code Hide code

Date

Date of birth For example 08 12 1990
This field has been validated
Show code Hide code

Select

Your region of residence This field has been validated
Show code Hide code

Checkboxes

This field has been validated
Category Select all that applies to you This field has been validated
Show code Hide code

Radio buttons

Topic Select closest match This field has been validated
Show code Hide code

Contextual feedback

Contextual feedback communicates the current state of the subject of the form, rather than the outcome of the user's interaction.

Use an information treatment for relevant status information that the user should know but does not need to act on.

Compact inline alert

Enter a NSW plate number CTP insurance confirmed. The insurer has sent the policy details to Transport for NSW. You can continue.
Show code Hide code

Standard alert

Enter a NSW plate number

Concession recorded

This vehicle has a registration concession. Additional charges may apply if ownership is transferred. No action is needed to complete this check.

Show code Hide code

Use a warning treatment when the subject's status requires the user to take action or affects what they can do next.

Compact inline alert

Enter a NSW plate number Safety inspection required. Arrange an inspection before renewing this registration.
Show code Hide code

Standard alert

Enter a NSW plate number

Online renewal unavailable

This registration needs changes to its operating conditions. Visit a service centre to renew.

Show code Hide code

A field can show that a value was validated while a separate message explains the subject's status. Only show the valid confirmation when it helps the user.

Valid field with action required

Enter a NSW plate number
Registration number matched

Safety inspection required

This vehicle needs a safety inspection before you can renew the registration.

Show code Hide code