Components: how can make a custom tooltip, or add html like material 1?

Created on 19 Mar 2017  路  5Comments  路  Source: angular/components

What is the expected behavior?

mdTooltip="<div><h1>Tooltip!</h1><p>this is a tooltip</p></div>"

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: https://plnkr.co/edit/p92gukV0WWFhzyknIJGi?p=preview

Most helpful comment

I would say it is a feature request, to support html inside the mdTooltip. I haven't found anything (Angular Material2) related on stackoverflow and actually I also need it.

As I can see in the source code, tooltip message is included as plain text, so no html or other tags are not supported now.

How about to support nested tags for tooltip with usage of <ng-content> ?

All 5 comments

Please keep GitHub issues for bug reports / feature requests. Better avenues for troubleshooting / questions are stack overflow, gitter, mailing list, etc.

I would say it is a feature request, to support html inside the mdTooltip. I haven't found anything (Angular Material2) related on stackoverflow and actually I also need it.

As I can see in the source code, tooltip message is included as plain text, so no html or other tags are not supported now.

How about to support nested tags for tooltip with usage of <ng-content> ?

bump

What is the expected behavior?

mdTooltip="<div><h1>Tooltip!</h1><p>this is a tooltip</p></div>"

Providing a Plunker (or similar) is the _best_ way to get the team to see your issue.
Plunker template: https://plnkr.co/edit/p92gukV0WWFhzyknIJGi?p=preview

What you are looking for is a popover.

More hints here: https://github.com/angular/material2/issues/2691

and some solutions are here
https://github.com/mseemann/angular2-mdl-ext#readme
https://github.com/material-extended/mde#readme

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_This action has been performed automatically by a bot._

Was this page helpful?
0 / 5 - 0 ratings

Related issues

3mp3ri0r picture 3mp3ri0r  路  3Comments

RoxKilly picture RoxKilly  路  3Comments

Miiekeee picture Miiekeee  路  3Comments

vanor89 picture vanor89  路  3Comments

crutchcorn picture crutchcorn  路  3Comments