About
Patterns are reusable, best practices solutions that solve common user problems. They are complex and contain multiple components. To outline each pattern’s conventions, we provide design guidelines that describe a pattern’s usage, appearance, features, variations, and more.
A pattern may also have related React or HTML demos that present interactive examples and general implementation code. These demos are contained in a tab separate from the design guidelines.
Allows users to trigger process via UI elements.
Allows users to select or deselect multiple items in a content view.
Assembles a grid of cards in a gallery.
Provides an overview of key metrics or performance indicators.
Allows users to narrow down content from data.
Shows users a list of items and corresponding details for a selected item.
Demonstrates how the UI adapts to the writing mode of the page.
Rules and guidelines for communicating status and severity in a UI.
