In some cases tooltip is not enough

Tooltip is used to provide tiny hint or short description when you hover over it and user can't interact with the content. When you want to display detailed information, forms , buttons & more, that's when popovers come in handy.

Best practices

  • Use popover when content is large.

  • Use popover when content is interactive.

  • Don't use popover for small and not interactive content.

See Popover documentation to learn more.

Do’s and Don’ts

🚫 Dont

4.png
Caution - Don't use tooltip for large content

Do's

2.png
Do - Use popover for large content.

Screenshot 2023-09-30 at 1.03.41 AM.png
Do - Help icon is using tooltip as the content is small and non-interactive.

https://github.com/bigbinary/neeto-engineering-ui-ux/issues/66