eisberg labs logo
Eisberg Labs React Components
About UsBlog

Downloads

Mui Copy Field

Material UI TextField with copy to clipboard functionality.

Example

If you 👍 or use this project, consider giving it a ★, thanks! 🙌

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

NameTypeDefaultDescription
copyTooltipstring"Copy"Copy button tooltip
onCopySuccessFunctionundefinedIf defined, fired on copy to clipboard
onCopyErrorFunctionundefinedIf defined, fired on copy to clipboard error

All TextField props are also supported.

License

MIT © Eisberg Labs

Examples

basic-example.tsx

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

4.0.2 (2023-01-25)

Note: Version bump only for package @eisberg-labs/mui-copy-field

4.0.0 (2023-01-25)

Note: Version bump only for package @eisberg-labs/mui-copy-field

3.0.1 (2023-01-02)

Note: Version bump only for package @eisberg-labs/mui-copy-field

3.0.0 (2022-12-27)

Features

2.0.1 (2022-12-14)

Features