Clipboard Showcase

Introduction

The Clipboard component allows users to copy text to the clipboard with different styles and feedback messages. Below are examples demonstrating various configurations.

Usage Examples

<Clipboard 
  text="Example text for clipboard"
  successMessage="Copied successfully!"
  errorMessage="Copy failed!"
  buttonClassName="bg-blue-500 hover:bg-blue-600"
/>

<Clipboard 
  text="Another example text"
  successMessage="Text copied!"
  errorMessage="Oops! Failed to copy."
  buttonClassName="bg-green-500 hover:bg-green-600"
/>

<Clipboard 
  text="One more example text"
  successMessage="Successfully copied!"
  errorMessage="Copy action failed."
  buttonClassName="bg-red-500 hover:bg-red-600"
/>