Skip to main content

Variable: Scratcher

@arolariu/components


@arolariu/components / Scratcher

Variable: Scratcher

const Scratcher: ForwardRefExoticComponent<ScratcherProps & RefAttributes<HTMLDivElement>>

Defined in: components/ui/scratcher.tsx:46

Renders a scratch-card reveal surface with animated completion feedback.

Remarks

  • Animated component using the motion library
  • Renders a <div> element containing a <canvas>
  • Styling via CSS Modules with --ac-* custom properties
  • Client-side only ("use client" directive)

Example

<Scratcher width={320} height={180}>Prize unlocked</Scratcher>

See

ScratcherProps for available props

// was this page useful?