Disclosure

Patterns that disclose/reveal content to the user only when needed. Expand/collapse, tabs and menu buttons for example.

​Progressive disclosure is an interaction design technique often used in human computer interaction to help maintain the focus of a user's attention by reducing clutter, confusion, and cognitive workload. This improves usability by presenting only the minimum data required for the task at hand.
Pattern Completion/Progress
​
​
​
​
​
Working Examples
Best Practices
Interaction Design
Developer Guide
​Accordion​
✓
✓
✓
✓
​Carousel​
✓
✓
✓
✕
​Details​
✓
✓
✓
✓
​Flyout​
✓
✓
✓
✓
​Fullscreen Dialog​
✕
✕
✕
✕
​Infotip​
✓
✓
✓
✓
​Input Dialog​
✕
✕
✕
✕
​Lightbox Dialog​
✓
✓
✓
✓
​Panel Dialog​
✕
✕
✕
✕ 
​Tab​
✓
✓
✓
✓
​Tooltip​
✓
✓
✓
✓

Tile

Accordion

Last updated 5 months ago

Pattern Completion/Progress
	Working Examples	Best Practices	Interaction Design	Developer Guide
Accordion	✓	✓	✓	✓
Carousel	✓	✓	✓	✕
Details	✓	✓	✓	✓
Flyout	✓	✓	✓	✓
Fullscreen Dialog	✕	✕	✕	✕
Infotip	✓	✓	✓	✓
Input Dialog	✕	✕	✕	✕
Lightbox Dialog	✓	✓	✓	✓
Panel Dialog	✕	✕	✕	✕
Tab	✓	✓	✓	✓
Tooltip	✓	✓	✓	✓