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

Chart customization

The data visualization library includes necessary elements and guidance for customizing existing charts or building new ones that are aligned with the design system foundations.

Empty state

Empty states are used to convey there is no data is available for display.

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, such as initiate a process, sign into an account, request information, or buy a product. They can be on a page, modal, or a drawer. Features include 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.