Disclosure

Patterns that disclose/reveal content to the user only when needed. Expand/collapse, tabs and menus 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​
✓
✓
✓
✓
​Infotip​
✓
✓
✓
✓
​Carousel​
✓
✓
✓
✕
​Dialog (custom)
✓
✓
✓
✓
​Details​
✓
✓
✓
✓
​Flyout​
✓
✓
✓
✓
​Lens Dialog​
✓
✓
✓
✓
​Tab​
✓
✓
✓
✓
​Tooltip​
✓
✓
✓
✓

Tile

Accordion

Last updated 2 months ago

Pattern Completion/Progress
	Working Examples	Best Practices	Interaction Design	Developer Guide
Accordion	✓	✓	✓	✓
Infotip	✓	✓	✓	✓
Carousel	✓	✓	✓	✕
Dialog (custom)	✓	✓	✓	✓
Details	✓	✓	✓	✓
Flyout	✓	✓	✓	✓
Lens Dialog	✓	✓	✓	✓
Tab	✓	✓	✓	✓
Tooltip	✓	✓	✓	✓