There are different ways that we can capture the user's attention. One way is to show a dialog over the content of the page and prompt the user to act. Another way is to display information about a part of the page when the user hovers over that particular part.

Angular Material offers three different components for this:

• Dialog: This is simply a modal dialog displaying itself on top of the content.
• Tooltip: This displays a piece of text when you hover over a specified area.
• Snackbar: This shows an information message at the bottom of a page. The information message is only visible for a short amount of time. It is meant to convey to the user that something has happened as a result of an action, such as saving a form.