From the course: Angular: Material Design

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Tooltips

Tooltips - Angular Tutorial

From the course: Angular: Material Design

Start my 1-month free trial

Tooltips

- [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…

Contents