ui-copy-button
A (really) simple component to copy text from a selector or from props.
Required Props:
Props |
Description |
textToCopy |
(String) text to copy to clipboard - required if elementId prop is not set |
elementId |
(String) DOM ID of element on the page - required if textToCopy prop is not set |
Optional Props:
Props |
Description |
className |
(String) custom class for button |
actionText |
(String) text to display in the button when copy is successful' |
onCopied |
(Function) run when copy is successful |
Usage Examples
Selecting text from an element:
<CopyButton elementId="root" />
Selecting text from props:
<CopyButton textToCopy="Copied from props!" />
Set a custom class name:
<CopyButton className="btn copy" textToCopy="Copied from props!" />
Override button text:
<CopyButton elementId="root">I'm a copy button</CopyButton>
Call a function when a copy is successful:
<CopyButton textToCopy="Text copied from props!" onCopied={someCustomAction} />