Carregando…Carregando…Carregando…Carregando…Inline link that reveals a screenshot preview card on hover, powered by the Tooltip card variant — adapted from Aceternity UI.
Link inline com preview de screenshot ao passar o mouse (api.microlink.io)
Confira o Aceternity UI, biblioteca de origem desta leva de componentes.
$ npx kikitocn add link-preview@/lib/utils@/components/ui/cn/tooltipimport { LinkPreview } from "@/components/ui/cn/link-preview/LinkPreview";
export function LinkPreviewExample() {
return (
<LinkPreview url="Exemplo">
Link Preview
</LinkPreview>
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
children* | ReactNode | — | Texto/elemento do link |
url* | string | — | URL de destino e alvo do screenshot |
className | string | — | Classes CSS extras do link |
width | number | 200 | Largura do preview (px) |
height | number | 125 | Altura do preview (px) |
isStatic | boolean | false | Pula a chamada à api.microlink.io e usa imageSrc como preview fixo |
imageSrc | string | undefined | Obrigatório quando isStatic=true |