Copy buttonFree

The icon turns into a tick once it's copied.

Props

label

done

value

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Corner radius1.00×

Preview background

$npx nex-ui add copy-button

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

<CopyButton label="Copy link" done="Copied" value="https://nex-ui.dev" />