Patterns

These principles for AI are human-centered guidelines for designing AI-powered experiences that are transparent, trustworthy, and aligned with real user needs.

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

Compass and AI patterns are building blocks that surface Basis generated content, actions, or feedback and require distinct design patterns to communicate uncertainty, latency, and human-override affordances that traditional components do not need.

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

A disabled button is a UI element that is temporarily inactive and cannot be interacted with, rendered a muted color to signal its unavailable state. It communicates that an action exists but cannot be performed until a required condition is met.

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.