Material UI TextField with copy to clipboard functionality.
If you 👍 or use this project, consider giving it a ★, thanks! 🙌
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
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"}
/>
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.
MIT © Eisberg Labs
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
Note: Version bump only for package @eisberg-labs/mui-copy-field
Note: Version bump only for package @eisberg-labs/mui-copy-field
Note: Version bump only for package @eisberg-labs/mui-copy-field