patterns icon

Overview

Patterns are insights about design best practices. They are solutions with common use cases that have established behaviors within an experience. Patterns can influence a component’s interaction, or otherwise employ multiple components that work to solve a problem or meet a need.


Patterns

Filter

Filters are used to set parameters on datasets. They help users refine results to find relevant content.

Form

Forms are used to submit information. They may be used to initiate a process, sign into an account, request more information, or buy a product. Forms may be embedded on a page, in a modal, or in a drawer. Features include multiple components, such as text inputs, text areas, dropdowns, radio buttons, checkboxes, buttons, and message bars.

Microinteraction

A microinteraction is when a user action or system event triggers feedback. Feedback can be a motion-based effect that communicates element behavior or status.