Copy Button

Preview

Installation

npx shadcn@latest add @cubby-ui/copy-button

Usage

import { CopyButton } from "@/components/ui/cubby-ui/copy-button";

<CopyButton />

Examples

Custom Icons

Customize the copy and check icons by providing your own icon components.

With Toast

Set toast to show an anchored toast above the button on successful copy. Pass an options object to customize the description, side, duration, or any other anchored toast option.

API Reference

The CopyButton component extends the Button component with clipboard functionality. All Button props are supported except size, variant, onClick, and children which are controlled internally.

Props

CopyButton

Button that copies text to clipboard with visual feedback. Extends the Button component.