You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Based on some side chats with @heyMP, we think it could be helpful to expand a bit on the differences between (and use cases for) tooltip and popover, as currently written on the tooltip guidelines page.
Perhaps a table with the following info would be helpful--or just keep them in lists like this!
Tooltip
Appears when triggering element receives mouse hover, keyboard focus, or is tapped.
Contains only plain text.
Has no internal means of dismissal (e.g., a close button).
Dismissed when triggering element loses hover/focus, or when a touchscreen user taps elsewhere.
Popover
Appears when triggering button is clicked.
Can contain headings, images, and interactive content (e.g., links).
Has a close button.
Dismissed when close button is clicked, user presses esc, or user clicks/taps outside the popover.
We may also want to ask implementors to investigate whether a toolitp/popover is appropriate at all. If info is helpful enough that it warrants including in a tooltip, why is it being hidden by default? Not saying tooltips are bad! Just saying we should always be mindful about why we're using them.
The text was updated successfully, but these errors were encountered:
Based on some side chats with @heyMP, we think it could be helpful to expand a bit on the differences between (and use cases for) tooltip and popover, as currently written on the tooltip guidelines page.
Perhaps a table with the following info would be helpful--or just keep them in lists like this!
Tooltip
Popover
esc
, or user clicks/taps outside the popover.We may also want to ask implementors to investigate whether a toolitp/popover is appropriate at all. If info is helpful enough that it warrants including in a tooltip, why is it being hidden by default? Not saying tooltips are bad! Just saying we should always be mindful about why we're using them.
The text was updated successfully, but these errors were encountered: