Is it possible to display the description of a button when hovered over?

Question

In my Angular program, I want to display a string of text that says what the button does whenever you hover over the button.

How do I do this?

My mouse is hovering over the google button.

Here's my html code for one of my buttons if it helps:

          <button [disabled]="!isDisabled" name="enable" class="btn btn-default btn-margin" (click)="toggleDisabled()"><i class="fa fa-pencil" aria-hidden="true"></i></button>

did you try the title attribute? example here https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_title — Karan Garg, Jul 17 '17 at 17:07
@KaranGarg I was unaware of that, thanks - works perfectly! if you want to put that as an answer, I'll accept it — rcarcia02, Jul 17 '17 at 17:10

score 2 · Answer 1 · answered Jul 17 '17 at 17:09

2

You can use title

          <button [disabled]="!isDisabled" name="enable" class="btn btn-default btn-margin" (click)="toggleDisabled()" title="Something"><i class="fa fa-pencil" aria-hidden="true"></i></button>

answered Jul 17 '17 at 17:09

Bharath M Shetty

30,075
6
57
108

score 1 · Accepted Answer · answered Jul 17 '17 at 17:13

1

did you try the title attribute?

title="hello world"

example here

http://w3schools.com/tags/tryit.asp?filename=tryhtml5_global_title

answered Jul 17 '17 at 17:13

Karan Garg

1,083
10
9

score 0 · Answer 3 · answered Jul 17 '17 at 17:08

0

add

title="my tooltip text"

or

[title]="aPropertyWithTooltipContent"

Is it possible to display the description of a button when hovered over?

3 Answers3