A modal on the native dialog element, opened and closed from markup, with Escape, focus return and an inert page behind it for free.
Closed with: nothing yet
Tier 2 · behaviour
Native dialog
beta
Components
Overlays
Layers above the page, on the native dialog and popover, so Escape, focus return and an inert background come for free.
A dialog that slides in from the side, for filters, details and settings, with everything the dialog does for focus and Escape.
Tier 1 · CSS only
Native dialog
preview
A small panel beside the button that opened it, on the native popover attribute, for details, help and quick settings.
Popover title
Supporting text. Press Escape or click outside to close it.
This one opens above its button, when there's room.
Tier 2 · behaviour
Native popover
beta
A button that opens a list of actions, with arrow keys, typeahead and Escape, placed beside its button and kept on screen.
Tier 2 · behaviour
APG menu button
beta
A short label beside an element on hover and keyboard focus, from one data-tooltip attribute, that can be hovered and dismissed with Escape.
Hover or tab to them
Tier 2 · behaviour
APG tooltip
beta
Planned for this page
- Command palette
- Context menu