Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA link that fetches and previews its target the first time its card opens, with a loading skeleton, a cached result and a Preview unavailable fallback.
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 internal links in documentation and knowledge bases, where readers decide whether to follow a link from a title and summary.
Do not use it for external sites you do not control, which can leak the reader's interest through the request, or for links that need a login.
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 |
|---|---|---|---|
href | string | - | Link target. |
load | (href: string) => Promise<{ title, description }> | - | Fetches the preview once. |
openDelay | number | 300 | Milliseconds before opening. |
children | ReactNode | - | Link text. |
aria-busy while loading, shows a labelled skeleton, and says "Preview unavailable." on failure instead of an empty box.| 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-link-preview.test.tsx) that covers lazy loading, skeleton to content, caching, failure and the plain link.