Avatar groups + hover state?

[ceyerkes]

Hi!

Wondering if it's accessible to add hover states within a table within a hover state 😅:

We need a way to show multiple connections (sometimes multiple of the same extension type) in a table, with the ability to hover (or otherwise see) the specific name.

The idea is that the extensions are glanceable, so the avatar group makes sense to me, but I understand by adding the hover/tooltip (?) into the mix, we might be overcomplicating this component.

Would love your thoughts, thanks!

[serifluous]

Hey @ceyerkes ! Do you mean a hover state on the Avatars in an Avatar Group?

By default, when you hover on an Avatar, its name appears (not through the Paste tooltip but the browser): https://paste.twilio.design/components/avatar#accessibility. You can see it working on the Avatar Group example here: https://paste.twilio.design/components/avatar#default-avatar-group

Tooltips need to have a Button trigger, which means the trigger will have a mouse pointer hand, which might not be what you want either.

If the connection name is important enough to show, it's probably worth considering showing the text next to the Avatar if you can.

[ceyerkes]

Thank you @serifluous ! For some reason i can't actually see the avatar group hover behavior in the docs, but i trust you 😀

[serifluous]

:sad-trombone: haha here it is. fwiw it's not as immediate as a Paste tooltip

[ceyerkes]

perfect, thank youuuuuu!!