CropWatch UI

CwCopy

Click-to-copy button with animated visual feedback. Pass any string as value.

Basic (icon only)

Just the copy button — hover to see the clipboard icon, click to copy.

Hello, CropWatch!

With inline content

Pass children to display the value alongside the button.

sk-proj-abc123def456ghi789

Sizes

sm Hello, CropWatch!
md Hello, CropWatch!
lg Hello, CropWatch!

Long value (truncated display)

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkNyb3BXYXRjaCJ9

onCopy callback

The onCopy prop fires after a successful copy. Counter: 0

Click to increment counter