Tooltips provide secondary information about a control. You should never repeat the text on a button again in a tooltip. Learn how to add the tooltip module to an app.
- [Instructor] Tooltips communicate additional information…about an input or a button when the user hovers,…focuses, or taps on an element.…Intended to provide comfort to your users,…there's a right way and a wrong way to use tooltips.…Number one, don't restate what's already visible…in the tooltip again, and avoid using rich information…like images or hyperlinks in your tooltips.…You want to avoid your tooltips being the primary way…users get information about your app.…Remember, tooltips are a secondary help utility.…Tooltips should be transient, meaning they appear…and disappear without any interaction from the user.…
Tooltips should show up below…where the mouse is hovering, and the tooltip text should…always be centered below the component.…Adding a tooltip to our application is a piece of cake.…From Visual Studio Code, let's Command + P…and open up the messages module.…And if you remember, we have a little continue icon,…a right icon, and let's just go ahead…and make that a little bit more intuitive…and add a secondary tooltip, which will tell people…
Released
10/29/2018- What is Material Design?
- Adding the required modules to your project
- Installing Angular Material
- Adding app bars and menus
- Creating cards
- Separating content using tabs
- Adding data tables
Share this video
Embed this video
Video: Tooltips