Question: How to place tooltip on node?

[kimwykoff]

I have a tree where the node title shows up as red when there has been an error validating the node. I would like to put a tooltip on it showing the error message, but I don't know how to add this. I'm adding the necessary styling for errored nodes in the generateNodeProps property, which also provides the buttons for the nodes. Is there something else I could add to this property to get the tooltip to show up?

[cpilson]

Caveat: I use bootstrap and this is within a buttons array:

generateNodeProps={({ node, path }) => ({ buttons: [ <Button className="ml-2" outline color="primary" data-toggle="tooltip" data-placement="top" title="Click to add a child element here." onClick={() => ...

[payal-makode]

Caveat: I use bootstrap and this is within a buttons array:

generateNodeProps={({ node, path }) => ({ buttons: [ <Button className="ml-2" outline color="primary" data-toggle="tooltip" data-placement="top" title="Click to add a child element here." onClick={() => ...

Thank you so much for your reply. It helps me.

[mahesh99599]

Hi, How can we place tooltip without bootstrap, Is there any way to implement with react-sortable tree ?