Result

Overview#

Used to provide users with feedback results to actions done on a page, often specifically server errors.

Design Guidelines#

Use when#

Don't use when#

  • There is a validation error in a form or other component.

Visual Style#

  • A result will typically have a heading explaining the error, followed by text that gives futher elaboration or next steps if needed.

Behaviour#

  • This component should be used as a result of a user or server action.

Editorial#

  • These are typically page level and may replace all content on the page.
  • Use the default language built into the component.

Examples#

400 Error#

Use when the server returns a 400 error.

401 & 403 Errors#

Use when the server returns a 401 or 403 error.

404 Error#

Use when the server returns a 404 error.

405, 406 & 409 Errors#

Use when the server returns a 405, 406, or 409 error.

408 Error#

Use when the server returns a 408 error.

501, 502, 503 & 504 Errors#

Use when the server returns a 501, 502, 503, or 504 error.

599 Error#

Use when the server returns a 599 error.

Unknown error with default title#

Use when a custom unknown error code is required.

Last updated on by Diana Thomson