Spotlight Button

A soft light follows the pointer inside the button, in the colour of its text.

Installation#

pnpm dlx shadcn@latest add @balick/spotlight-button

Or pass the full URL: https://ui.balick.me/r/spotlight-button.json

Usage#

import { SpotlightButton } from "@/components/ui/spotlight-button"

export function Cta() {
  return <SpotlightButton size="lg">Start building</SpotlightButton>
}

Props#

Prop	Type	Default	Description
`...props` Every prop of the shadcn/ui Button.	`ComponentProps<typeof Button>`	—	Every prop of the shadcn/ui Button.