Patterns
A pattern is a decision about how several components behave together. Each page here is hand-written: nothing on them is generated, because none of it can be measured from the code.
| page | holds |
|---|---|
| Button hierarchy | — |
| Date and time filter | Scoping data by time range, deploy revision, or a custom date range, with only the sections a page needs. |
| Empty state | — |
| Filters | Narrowing a list from one widget, and keeping it in step with the search bar. |
| Form checklist | — |
| Forms | — |
| Map | Showing how things are connected, when the relationship matters more than the values. |
| Menu | Choosing between a select, a combobox and a menu, which all open the same panel. |
| Responsive navigation | How the global navigation changes between the narrow, tablet and desktop widths. |
| Trace timeline | Showing where a single request spends its time, span by span. |
10 pages, filtered on section=patterns, type=guidance.