Copy Button
A button with a copy to clipboard animation and optional text label.
Made by imskyleenPowered by
Loading component...
Installation
When to use
Use this decision tree to determine when to use the Copy Button component:
Usage
Icon Only
<CopyButton content="Hello world!" size="icon" />With Text Label
<CopyButton content="npm install @redpanda/ui">
Copy
</CopyButton>Different Variants
<CopyButton content="Hello world!" variant="outline">
Copy to clipboard
</CopyButton>
<CopyButton content="Some text" variant="secondary">
Copy text
</CopyButton>
<CopyButton content="Code snippet" variant="ghost">
Copy
</CopyButton>Props
Prop
Type
Credits
- We take our inspiration from Shadcn UI for the button style.
- We use Animate UI from imskyleen for all the animations.
Built by malinskibeniamin. The source code is available on GitHub.