React Admin Clipboard List Field

Copy various formats of the same value to clipboard in one click in React Admin.

Setup

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

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

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