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).
- Header
- Search + advanced search
- Welcome, and log out
- Footer
- Breadcrumbs
- Buttons
- Hyperlinks
- Tables
- Navigation, global
- Navigation, in page
- In-page tabs
- Drop-downs
- Dialog boxes/windows
- In-table scrolling
- Expand/collapse
- Progress bars and growlers
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