Direction Aware Hover

A direction aware hover card, that displays an image with dynamic hover effects and customizable content overlay.

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/direction-aware-hover.json"

复制并粘贴以下代码：

DirectionAwareHover.vue

Prop 名称	类型	默认值	描述
`imageUrl`	`string`	Required	The URL of the image to be displayed.
`class`	`string`	`undefined`	Additional CSS classes for the card container.
`imageClass`	`string`	`undefined`	Additional CSS classes for the image element.
`childrenClass`	`string`	`undefined`	Additional CSS classes for the content overlay.

本页