interactive-light-default
"use client"
import { InteractiveLight } from "@/components/ui/common/interactive-light"
export function Component() {
return (
<div className="relative flex h-full w-full items-center justify-center overflow-hidden rounded-md border">
<InteractiveLight
shineColor="#fff200"
lampHeight="10vh"
lampWidth="10vh"
transitionDuration={500}
/>
</div>
)
}
pnpm dlx shadcn@latest add "https://ui.dalim.in/r/interactive-light-default.json"
Installation
pnpm dlx shadcn@latest add https://ui.dalim.in/r/styles/default/interactive-light.json
Usage
import { InteractiveLight } from "@/components/ui/interactive-light"
<InteractiveLight
shineColor="#fff200"
lampHeight="10vh"
lampWidth="10vh"
transitionDuration={500}
/>