For Tailwind CSS v3 docs, click here.

Interactive Hover Button

A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

通过 CLI 安装

npm
pnpm
bun
yarn
npx shadcn-vue@latest add "https://registry.inspira-ui.com/interactive-hover-button.json"

手动安装

复制并粘贴以下代码:

InteractiveHoverButton.vue

API

Prop 名称类型默认值描述
textstringButtonThe text to be displayed inside the button.
classstring""Additional class names to style the component.

感谢