# react-admin-clipboard-list-field

> Copy to clipboard in one click in React Admin

Latest version **0.1.4** (published 2020-04-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-admin-clipboard-list-field
pnpm add react-admin-clipboard-list-field
yarn add react-admin-clipboard-list-field
bun add react-admin-clipboard-list-field
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.1.4 |
| Published | 2020-04-08 |
| First published | 2020-04-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 7 |
| Unpacked size | 21.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 10 |
| Author | Pascal Heitz |
| Maintainers | oodelally |

## Links

- npm: https://www.npmjs.com/package/react-admin-clipboard-list-field
- Repository: https://github.com/OoDeLally/react-admin-clipboard-list-field
- Homepage: https://github.com/OoDeLally/react-admin-clipboard-list-field#readme
- Issues: https://github.com/OoDeLally/react-admin-clipboard-list-field/issues
- npm.io page: https://npm.io/package/react-admin-clipboard-list-field

## Dependencies (7)

- [react](https://npm.io/package/react.md) ^16.9.0
- [lodash](https://npm.io/package/lodash.md) ^4.14.0
- [classnames](https://npm.io/package/classnames.md) ^2.2.5
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.1
- [@material-ui/core](https://npm.io/package/@material-ui/core.md) ^4.3.3
- [@material-ui/icons](https://npm.io/package/@material-ui/icons.md) ^4.2.1
- [react-copy-to-clipboard](https://npm.io/package/react-copy-to-clipboard.md) ^5.0.2

## Recent versions

- 0.1.4 (latest) — 2020-04-08
- 0.1.3 — 2020-04-07
- 0.1.2 — 2020-04-07
- 0.1.1 — 2020-04-07
- 0.1.0 — 2020-04-07

## README

# React Admin Clipboard List Field

Copy various formats of the same value to clipboard in one click in [React Admin](https://github.com/marmelab/react-admin).


![screenshot](https://github.com/OoDeLally/react-admin-clipboard-list-field/blob/master/demo/react-admin-clipboard-list-field.gif)



## Setup

```bash
npm install --save react-admin-clipboard-list-field
```


```ts
import { ClipboardListField } from 'react-admin-clipboard-list-field';

const createRows = (value) => {
  return [
    value,
    `ObjectId("${value})"`,
  ];
}

export const UserEdit = (props) => (
  <Edit {...props}>
    <SimpleForm>
      ...
      <ClipboardListField source="id" iconPosition="left" createRows={createRows} />
      ...
    </SimpleForm>
  </Edit>
);

```

## Props


| Name           | Type                        |  Optional  | Default   | Description                                     |
| ---------------|-----------------------------|------------|-----------|-------------------------------------------------|
| `source`       | string                      |            |           | Value path, lodash `get()` style.               |
| `createRows`   | `(value: any) => string[]`  |            |           | Create the possible forms from the given value. |
| `iconPosition` | `"left"` `"right"` `"none"` |  Optional  | `"right"` | Icon position in relation to the field.         |



## Run the demo

```bash

git clone https://github.com/OoDeLally/react-admin-clipboard-list-field.git
cd react-admin-clipboard-list-field
npm install
npm run demo-install
npm run demo
```

---
_Source: https://npm.io/package/react-admin-clipboard-list-field · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._