Hover cards
More about someone, on hover or focus
Person
Hover or focus the name.
Theo Okafor
TO
London · Joined 2021Theo OkaforEngineering Lead
Hana Sato
HS
Stockholm · Joined 2021Hana SatoSupport Lead
Code
<div class="hover-card" tabindex="0">
<span class="link">Theo Okafor</span><div class="hover-panel glass" role="tooltip"><div class="media"><span class="avatar" style="background: linear-gradient(135deg, #5EC8F8, #1C64C8)">TO</span><div class="media-body"><span class="media-title">Theo Okafor</span><span class="media-sub">Engineering Lead</span></div></div><span class="muted text-xs">London · Joined 2021</span></div>
</div>
<div class="hover-card" tabindex="0">
<span class="link">Hana Sato</span><div class="hover-panel glass" role="tooltip"><div class="media"><span class="avatar" style="background: linear-gradient(135deg, #FF8FA8, #C2185B)">HS</span><div class="media-body"><span class="media-title">Hana Sato</span><span class="media-sub">Support Lead</span></div></div><span class="muted text-xs">Stockholm · Joined 2021</span></div>
</div>