Copy Button
Copy text to the clipboard with a single click, customizable sizes, variants, labels, and width options.
Import
import { CopyButton } from "@shivms/ui";Click any button below to copy the example value to your clipboard. The button automatically updates its label after a successful copy operation.
Basic
Default
Value: Hello from ShivMS UI
Sizes
Extra Small
Value: Hello from ShivMS UI
Small
Value: Hello from ShivMS UI
Medium
Value: Hello from ShivMS UI
Large
Value: Hello from ShivMS UI
Variants
Primary
Value: Hello from ShivMS UI
Secondary
Value: Hello from ShivMS UI
Success
Value: Hello from ShivMS UI
Warning
Value: Hello from ShivMS UI
Danger
Value: Hello from ShivMS UI
Info
Value: Hello from ShivMS UI
Outline
Value: Hello from ShivMS UI
Ghost
Value: Hello from ShivMS UI
Width
Default
Value: Hello from ShivMS UI
Full Width
Value: Hello from ShivMS UI
States
Enabled
Value: Hello from ShivMS UI
Disabled
Value: Hello from ShivMS UI
Custom Text
Custom Labels
Value: Hello from ShivMS UI