Hi,
Could you show a way to tooltip on the hover of the Icon. I would like to show the tooltip for item labels as well as item Icon. Please use the following example to show the tooltip.
https://stackblitz.com/edit/react-8vyhan?file=app/main.jsx
Thanks,
Vinod
2 Answers, 1 is accepted
0
Vinod
Top achievements
Rank 1
Rank 1
answered on 13 Sep 2019, 02:58 AM
Use the link given here to provide answer
https://stackblitz.com/edit/react-8vyhan-tdumnr?file=app/main.jsx
Regards,
Vinod
0
Hi vinod,
The type of the `title` property of the PanelBarItem is `ReactNode` meaning you can provide a react component instead of string.
I've modified the example you provided to render a wrapping <Tooltip /> component and a custom `title` with an image which contains the `title` attribute. This is needed in order for the Tooltip to work.
https://stackblitz.com/edit/react-8vyhan-c6w44k?file=app/main.jsx
Regards,
Kiril
Progress Telerik
The type of the `title` property of the PanelBarItem is `ReactNode` meaning you can provide a react component instead of string.
I've modified the example you provided to render a wrapping <Tooltip /> component and a custom `title` with an image which contains the `title` attribute. This is needed in order for the Tooltip to work.
https://stackblitz.com/edit/react-8vyhan-c6w44k?file=app/main.jsx
Regards,
Kiril
Progress Telerik
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Feedback Portal
and vote to affect the priority of the items