Patterns
About patterns
Patterns are best practice solutions for how a user achieves a goal. They show reusable combinations of components and templates that address common user objectives with sequences and flows.
| Production patterns | |
|---|---|
| Common actions | These are the frequently used actions that appear multiple times across different components and workflows. |
| Disabled states | Are used to completely remove the interactive function of a component. |
| Empty states | Empty states are moments in an app where there is no data to display to the user. |
| Filtering | Filtering is the mechanism by which a user adds or removes data items from a displayed data set by turning on and off certain predefined attributes. |
| Forms | A form is a group of related input controls that allows users to provide data or configure options. |
| Global header | Users rely on the global header to navigate and orient themselves in your UI. |
| Loading | Loading patterns are used when information takes an extended amount of time to process and appear on screen. |
| Notifications | Notifications are an important method of communicating with users and providing feedback. |
| Overflow content | Is text, such as a paragraph or a text string, that exceeds a desired space. |