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

jelbourn picture jelbourn  路  3Comments

vitaly-t picture vitaly-t  路  3Comments

Hiblton picture Hiblton  路  3Comments

theunreal picture theunreal  路  3Comments

michaelb-01 picture michaelb-01  路  3Comments