Patterns

A bulk editing design pattern allows users to efficiently and conveniently modify multiple items or data entries at the same time.

Data visualizations make complex data easier to understand and help users answers specific questions.

This pattern uses design system styles and inputs to allow users to see a visual preview of the document they wish to generate and download.

Error handling helps users identify issues that arise while using the application. It helps prevent data loss, and gives users feedback on how to fix any issues.

Forms are a groups of related input controls that allow users to provide data or configure options.

Importing allows users to effortlessly incorporate external data into their data and workflows, ensuring a swift and efficient process.

The Page Header is a collection of components that allow the user to navigate and interact with the application.

Save Views is a collection of components that allows users to configure, save and re-use customized views of a Data Table.

Search helps users find specific information or content. Users can enter keywords, phrases, or queries in a search bar or input field and receive relevant results to help users quickly locate the desired information.

Choosing the appropriate selection control can be a daunting task. Consider the nature of the interaction, the number of options available, and the structure of any accompanying secondary content. Use the tool below to assist you in making an informed decision.

Use text truncation to shorten strings of text when they are too long to fit in a layout.