Copy Button
A button component with copy functionality and visual feedback.
Configuring your account...
Please wait while we prepare everything for you
Usage
import CopyButtonDemo from '@/components/bynanaui/copy-button'
<CopyButtonDemo />Props
| Prop | Type | Default | Description |
|---|---|---|---|
onCopy | () => Promise<void> | void | undefined | Function to execute when copy is triggered |
text | string | 'Copy' | Text to display on the button |
successText | string | 'Copied!' | Text to display when copy is successful |
className | string | '' | Additional CSS classes |
Example
<CopyButtonDemo
onCopy={async () => {
await navigator.clipboard.writeText('Hello from LumeUI!');
}}
text="Copy Text"
successText="Text Copied!"
/>