Mui Copy Field
Material UI TextField with copy to clipboard functionality.
If you
Installation
Since this is an extension of mui components, prerequisite is to have material library already installed.
npm i --save @mui/material @emotion/react @emotion/styled @mui/icons-material
As for the mui-copy-field:
npm i --save @eisberg-labs/mui-copy-field
Usage
import {DefaultCopyField} from '@eisberg-labs/mui-copy-field';
<DefaultCopyField
label="Click on copy Button"
value={"Enter text"} />
or:
import {CopyField} from '@eisberg-labs/mui-copy-field';
<CopyField
label="Click on copy Button"
value={"Enter text"}
onCopySuccess={console.log}
onCopyError={console.log}
copyTooltip={"Some copy tooltip. Default is Copy"}
/>
Api
Name | Type | Default | Description |
---|---|---|---|
copyTooltip | string | "Copy" | Copy button tooltip |
onCopySuccess | Function | undefined | If defined, fired on copy to clipboard |
onCopyError | Function | undefined | If defined, fired on copy to clipboard error |
All TextField
props are also supported.
License
MIT © Eisberg Labs