# Disclosure, overlays, and contextual interaction

> Menus, dialogs, drawers and tooltips that reveal information in context.

- Category ID: `overlays`
- Part of a page: Controls and forms
- Published components: 3
- Page: https://pagesugar.com/categories/overlays

## Components

- [Modal dialog](https://pagesugar.com/components/modal-dialog-01.md): A modal dialog for a focused task: title, optional description, a body that scrolls on its own and a raised footer band of actions, with focus held inside and returned to the opener.
- [Content tabs](https://pagesugar.com/components/content-tabs-01.md): Tabs that switch between related panels: an underline row or a segmented pill track, horizontal or as a vertical rail, with optional icons and count badges, overflow scrolling and manual activation.
- [Accordion](https://pagesugar.com/components/accordion-group-01.md): A group of headed panels that open one at a time or several at once, set as one hairline panel of rows or as separate cards. Each row can carry its current value, so closed rows still read as a summary.