> For the complete documentation index, see [llms.txt](https://ebay.gitbook.io/mindpatterns/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ebay.gitbook.io/mindpatterns/disclosure.md).

# Disclosure

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

[Progressive disclosure](http://en.wikipedia.org/wiki/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.

<table data-header-hidden><thead><tr><th width="208">Pattern</th><th></th><th></th><th></th><th></th></tr></thead><tbody><tr><td>Pattern</td><td>Working Examples</td><td>Best Practices</td><td>Interaction Design</td><td>Developer Guide</td></tr><tr><td><a href="/mindpatterns/disclosure/accordion.md">Accordion</a></td><td>✓</td><td>✓</td><td>✓</td><td>✓</td></tr><tr><td><a href="/mindpatterns/disclosure/carousel.md">Carousel</a></td><td>✓</td><td>✓</td><td>✓</td><td>✕</td></tr><tr><td><a href="/mindpatterns/disclosure/details.md">Details</a></td><td>✓</td><td>✓</td><td>✓</td><td>✓</td></tr><tr><td><a href="/mindpatterns/disclosure/popover.md">Popover</a></td><td>✓</td><td>✓</td><td>✓</td><td>✓</td></tr><tr><td><a href="/mindpatterns/disclosure/footnote.md">Footnote</a></td><td>✓</td><td>✕</td><td>✕</td><td>✕</td></tr><tr><td><a href="/mindpatterns/disclosure/infotip.md">Infotip Button</a></td><td>✓</td><td>✓</td><td>✓</td><td>✓</td></tr><tr><td><a href="/mindpatterns/disclosure/lightbox-dialog.md">Lightbox Dialog</a></td><td>✓</td><td>✓</td><td>✓</td><td>✓</td></tr><tr><td><a href="/mindpatterns/disclosure/panel-dialog.md">Panel Dialog</a></td><td>✕</td><td>✕</td><td>✕</td><td>✕ </td></tr><tr><td><a href="/mindpatterns/disclosure/pulldown-list.md">Pulldown List</a></td><td>✕</td><td>✓</td><td>✓</td><td>✕</td></tr><tr><td><a href="/mindpatterns/disclosure/segmented-buttons.md">Segmented Buttons</a></td><td>✓</td><td>✓</td><td>✓</td><td>✕</td></tr><tr><td><a href="/mindpatterns/disclosure/tabs.md">Tab</a></td><td>✓</td><td>✓</td><td>✓</td><td>✓</td></tr><tr><td><a href="/mindpatterns/disclosure/tooltip.md">Tooltip</a></td><td>✓</td><td>✓</td><td>✓</td><td>✓</td></tr></tbody></table>