For each design pattern, we provide the following information.
Pattern name
Summary
Example Code
Example (in use, with an interaction, in context)
Related patterns
Problem (business, user, technical)
Solution
Rationale (other things we tried and why we chose to use this solution)
AccessibilityÂ
The following patterns are included here (or in progress).
...
- Search + advanced search
- Welcome, and log out
- Footer
- Breadcrumbs
- Buttons
- Hyperlinks
- Tables
- Navigation, global
- Navigation, in-page
- In-page tabs
- Drop-downs
- Dialog boxes /- modal windows
- In-table scrolling
- Expand /and collapse
- Progress bars and growlers
For each design pattern, we provide the following information.
...