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	Working Examples	Best Practices	Interaction Design	Developer Guide
Accordion	✓	✓	✓	✓
Carousel	✓	✓	✓	✕
Details	✓	✓	✓	✓
Flyout	✓	✓	✓	✓
Footnote	✓	✕	✕	✕
Infotip Button	✓	✓	✓	✓
Lightbox Dialog	✓	✓	✓	✓
Panel Dialog	✕	✕	✕	✕
Pulldown List	✕	✓	✓	✕
Segmented Buttons	✓	✓	✓	✕
Tab	✓	✓	✓	✓
Tooltip	✓	✓	✓	✓