Copy Button

A copy button component with a variety of styles and animations.

variant

size

Installation

<CopyButton content="Hello world!" />

Prop	Type	Default
`content`	`string`	-
`copied?`	`boolean`	-
`onCopiedChange?`	`(copied: boolean, content?: string) => void`	-
`delay?`	`number`	`3000`
`variant?`	`"default" \| "accent" \| "destructive" \| "outline" \| "secondary" \| "ghost" \| "link"`	`default`
`size?`	`"default" \| "sm" \| "lg" \| "icon"`	`default`
`hoverScale?`	`number`	`1.05`
`tapScale?`	`number`	`0.95`
`...props?`	`HTMLMotionProps<"button">`	-

Built by Skyleen. The source code is available on GitHub.