What type of component for a rich content tooltip? #1818
-
|
Hello everyone! If i wanted to create a component for a shared library that acts like a tooltip (appears on hover) but contains rich content (how a popover might contains images, buttons, etc), what would you use as the base radix component? My understanding is tooltips are for hover only, should not contain crucial/important information but more just a hint or clarification. For popovers, they should be used for richer content but appear on trigger of a button (click). What if I wanted to have a popover that triggers on hover? In other words, a rich tooltip? Should I extend the popover and add the ability to trigger on hover/mouse enter? Alternately, should I use HoverCard instead? Although my understanding of HoverCard is that it's to be used purely for showing previews of links. Thanks for any help or direction steering, Cheers! 🌸 |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
Hey @klingat,
Your understanding is correct!
Unfortunately there isn't really a good interaction model which would allow this without hindering accessibility, as if the interaction is on hover, it won't be accessible to keyboard users / screen reader users.
Your understanding is correct again. For the same reason above, So, all in all, I would encourage you to use a |
Beta Was this translation helpful? Give feedback.
-
|
@benoitgrelard Thanks for your response and for confirming my thoughts! 😄 |
Beta Was this translation helpful? Give feedback.
Hey @klingat,
Your understanding is correct!
Unfortunately there isn't really a good interaction model which would allow this without hindering accessibility, as if the interaction is on hover, it won't be accessible to keyboard users / screen reader users.