Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA @handle that is a real link to the profile and previews name, bio and join date in a hover card on hover or focus, holding no actions of its own.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this for people mentioned in comments, activity feeds and tables, where a quick glance at who they are saves a click.
Do not put buttons (Follow, Message) in the card: keyboard and touch users cannot reliably reach them. Put actions on the profile page.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
user | { name, handle, bio, href, joined? } | - | The person. href is the profile URL. |
openDelay | number | 300 | Milliseconds before the card opens on hover. |
<a href> to the profile, so everything in the card is one click away.| Key | Action |
|---|---|
| Tab | focuses the link and opens the card |
| Enter | follows the link |
| Escape | closes the card |
The pattern ships a Testing Library test (hover-card-user-preview.test.tsx) that covers the link, hover, keyboard focus and closing when the pointer leaves.