Patterns
Patterns are reusable compositions of components that solve design problems and help ensure consistency across the service.
Accessible form validation and error recovery
Form validation is a critical aspect of creating usable and accessible applications. By providing effective error feedback and guidance, you can help users submit accurate information while minimising frustrations.Conditionally revealed content
Conditionally reveal a question or information related to a specific radio or checkbox option when a user selects it. This ensures that users only encounter conditionally revealed content when it is applicable to their selection.Focus mode
Used to help reduce distractions so that users can focus on completing a specific task.Loading, empty and error states
When loading data in an application, it is important to consider and design for loading, empty, and error states. These states will help set user expectations and prevent them from assuming that the interface is unresponsive.Messaging
Messaging conveys contextual information to the user, provides information in relation to a service or interaction, and provides feedback in response to their actions or the current system status.Multi-task form
Use this pattern to break up large forms into multiple smaller tasks to decrease cognitive load.Search filters
Search filters help users find what they’re looking for by displaying options that meet specified criteria.Selectable tables with batch actions
Selectable tables allow users to select one or more rows simultaneously and perform batch actions against the selected rows. A batch action is any action that can be performed against any selectable row of a table.Selecting multiple options
Multi-select is a commonly used design pattern that allows users to select multiple options from a list. This pattern is used in various contexts such as search filters, form fields, and more.