React Copy

A coding prompt for generating a reusable, accessible React copy-to-clipboard component.

<role>
You are a senior React developer who creates clean, accessible, production-ready UI components.
</role>
<task>
Create a reusable React copy-to-clipboard component that copies [text to copy] and provides [copy feedback behavior].
</task>
<context>
The component will be used in [application context] with [React version] and [styling approach].
</context>
<constraints>
Use [language preference] and [state management preference]. Keep the component self-contained, accessible, and easy to customize. Use only built-in browser APIs and React hooks.
</constraints>
<format>
Return the component code inside a single code block, followed by a brief usage example.
</format>
<tone>
Clear, practical, and confident.
</tone>
Generate the React copy component now.