shadcn index

Interactive Hover Button Demo

PreviousNext

Example showing an interactive button with hover effects.

Docs
magicuiexample

Preview

Loading preview…
registry/example/interactive-hover-button-demo.tsx
import { InteractiveHoverButton } from "@/registry/magicui/interactive-hover-button"

export default function InteractiveHoverButtonDemo() {
  return <InteractiveHoverButton>Hover Me</InteractiveHoverButton>
}

Installation

npx shadcn@latest add @magicui/interactive-hover-button-demo

Usage

import { InteractiveHoverButtonDemo } from "@/components/interactive-hover-button-demo"
<InteractiveHoverButtonDemo />