Inline dialog
An inline dialog is a small popup that holds a little information.
When to use
- A short explanation tied to one control, longer than a tooltip but too small for a modal.
- Content that may contain a link or a button, which a tooltip cannot hold.
- Detail people ask for by clicking, rather than see by chance on hover.
When not to use
- A plain label on an icon. That is a tooltip, which needs no click.
- A decision or a form. That is a modal.
- Anything essential. It is closed by default, and a stray click closes it again.
Guidance
Do
Working hours come from the team that owns this queue. Changing them here affects only this queue.
Answer one question in a sentence or two. People open an inline dialog on purpose, so it can hold more words than a tooltip.
Don't
Working hours come from the team that owns this queue. Changing them here affects only this queue. To change them everywhere, open team settings, choose the team, open the schedule tab, and edit the hours there. Note that changes take effect at midnight in the team timezone, and that any queue with its own override keeps it until the override is removed.
Do not put a page of text in a dialog that closes on a stray click. Link to the full explanation instead.
Intensity
How much attention each of this component's grounds uses, scored against the ladder in both themes.
| Appearance | Ground | Light | Dark |
|---|---|---|---|
| popup | surface-overlay | 0.000Substrate | 0.070Ambient |
Substrate, Ambient and Marked are measured. Directed depends on what else is in the region. Demanded is declared, and its use is limited. So neither of those two depends on the component alone. See intensity.