Clipboard

Copy-to-clipboard trigger with transient success feedback shown after copying.

Examples

Copy a short value to the clipboard with one click.

npm install @rokle/ui

Input + copy button showing a success message after copy.

Share this link with your team

Floating copy button overlaid on a code block.

import { Button } from "@rokle/ui";

export default function App() {
  return <Button>Hello</Button>;
}

pnpm add @rokle/components @rokle/tokens

Installs with the default Rokle brand. Generate a custom brand on rokle.app to use your own colours and personality.

import { Clipboard } from "@rokle/components";

import { Clipboard } from "@rokle/components";

export function Example() {
  return <Clipboard />;
}

Prop	Type	Default	Description
value	string	-	Text to copy to the clipboard.
timeout	number	2000	Duration in ms to show the copied state.