链接预览

鼠标放置到链接上可动态预览该链接。

注意: This component uses qss npm package as a dependency.

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/link-preview.json"

npm

pnpm

bun

yarn

npm install qss

复制并粘贴以下代码：

LinkPreview.vue

Prop 名称	类型	默认值	描述
`class`	`string`	`""`	Custom class applied to the main element.
`linkClass`	`string`	`""`	Custom class applied to the link element.
`width`	`number`	`200`	Width of the preview image.
`height`	`number`	`125`	Height of the preview image.
`isStatic`	`boolean`	`false`	Determines if the preview image is static or a URL preview (set to `true` for static mode).
`imageSrc`	`string`	`""`	The source of the image to display (required if `isStatic` is `true`).
`url`	`string`	`""`	URL for the link and for generating the preview image (required if `isStatic` is `false`).

本页