Material-ui: [Discuss] Tooltip component

[juhaelee]

Would it be better to make the tooltip into a higher order component? That way you can use the tooltip with any component and just wrap it with a tooltip component. Maybe it can take in a prop called action which specifies whether or not it appears onclick or hover

[jkruder]

@juhaelee Good idea. Maybe something like: http://react-bootstrap.github.io/components.html#tooltips-overlay-trigger?

[mairh]

:+1:

[timarney]

That would be great, it would be nice to have for <a> tags, buttons etc...

[lucianlature]

:+1:

[irium]

:+1:

[shaurya947]

@juhaelee would you like to take a shot at this and submit a prototype in a PR? :)

[matthewoates]

I think so. The tooltip is really lacking for me. Namely, there are two things I need (aside from the current bugs mentioned in https://github.com/callemall/material-ui/issues/3665)

1) More flexibility in relative positioning. I'd like to position the tooltip all the way to the right or left, and not just above/below.

2) The tooltip as far as I know is only available on buttons. I have a big use case for using tooltips on badges. If you tap/mouseover the circle from the badge, that will not cause the tooltip to show. (even though I want it to)

I'm imagining the component would wrap the element(s) like this:

<Tooltip position='right' text='# of problems'>
  <Badge badgeContent={'99'} badgeStyle={badgeStyle}>
    <IconButton>...</IconButton>
  </Badge>
</Tooltip>

[tintin1343]

@matthewoates : A PR would be welcome.

[audetpascale]

Any updates?

[thealmightyone]

did anything happen with this?

[matthewoates]

My solution has been to use native tooltips (title="...")

The performance around tooltips doesn't seem to be that great right now.

[gpapin]

I was surprised to see this component is not publicly available this is very useful to avoid overcrowded interfaces and to guide users...

Any updates on this ?

[m2mathew]

Is this something that we are pursuing in the next branch @oliviertassinari or @nathanmarks? If so, maybe this issue can be closed.

[oliviertassinari]

@m2mathew We haven't made any progress on a Tooltip component as far as I know. That's definitely something we should be doing 👍 .

[oliviertassinari]

I'm closing this issue for the #2230 issue around implementing a Tooltip component.