Patterns

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 states are used to convey there is no data is available for display.

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

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.

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.