Is it possible to add tooltip on material ui chip component?

Question

The requirement is I have label eg: Color and value eg: orange. So I want to show label as tooltip and value as chip. Is it possible to do with chip? if not is there any other way that I can achieve this.

I am using material-ui version v0.18.7.

Answer 1

The easiest way to get a basic tooltip is to use the title attribute:

<Chip title="Color">
  Orange
</Chip>

If you want a more powerful tooltip, you can use the Tooltip component added material-ui v1. That will let you have more control over the placement and appearance of the tooltip.