InputCopy

Read-only input with a copy-to-clipboard button and animated check feedback.

Installation

Basic

Inspect

With Label

Inspect
Install command

Button Variant

Inspect

Left Aligned

Inspect

Disabled

Inspect
Invite code

Copy Callback

Inspect
Share link

Copied 0 times

API Reference

PropTypeDefaultDescription
valuestringThe text value to display and copy to clipboard.
labelstringOptional label displayed above the input.
variant"icon" | "button""icon"Icon-only with tooltip, or button with visible label.
align"right" | "left""right"Position of the copy action relative to the value.
onCopy() => voidCallback fired after the value is successfully copied.
disabledbooleanfalseDisables the input and copy button.