DUClipboard

Utility

Copy-to-clipboard control for tokens and snippets.

import { DUClipboard } from 'deri-ui';
Live preview
npm install deri-ui
typescript
<DUClipboard value="npm install deri-ui" />

Props

PropTypeDefaultDescription
valuestringText to copy
labelstring'Copy'Button label
onCopied() => voidCallback

Usage

import { DUClipboard } from 'deri-ui';

<DUClipboard value="npm install deri-ui" />

Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.

© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.