add docs for isDisabled in useDrag, useDrop, and useClipboard (#6306)

Co-authored-by: Robert Snow <rsnow@adobe.com>

Author: reidbarber

packages/@react-aria/dnd/docs/useClipboard.mdx

@@ -432,3 +432,60 @@ function Pasteable() {
 
 </details>
 
+## Disabling copy and paste
+
+If you need to temporarily disable copying and pasting, you can pass the `isDisabled` option to `useClipboard`. This will prevent copying and pasting on the element until it is re-enabled.
+
+```tsx example
+import type {TextDropItem} from '@react-aria/dnd';
+import {useClipboard} from '@react-aria/dnd';
+
+function Copyable() {
+  let {clipboardProps} = useClipboard({
+    getItems() {
+      return [{
+        'text/plain': 'Hello world'
+      }];
+    },
+    /*- begin highlight -*/
+    isDisabled: true
+    /*- end highlight -*/
+  });
+
+  return (
+    <div role="textbox" tabIndex={0} {...clipboardProps}>
+      Hello world
+      <kbd>⌘C</kbd>
+    </div>
+  );
+}
+
+function Pasteable() {
+  let [pasted, setPasted] = React.useState(null);
+  let {clipboardProps} = useClipboard({
+    async onPaste(items) {
+      let pasted = await Promise.all(
+        items
+          .filter((item) =>
+            item.kind === 'text' && item.types.has('text/plain')
+          )
+          .map((item: TextDropItem) => item.getText('text/plain'))
+      );
+      setPasted(pasted.join('\n'));
+    },
+    /*- begin highlight -*/
+    isDisabled: true
+    /*- end highlight -*/
+  });
+
+  return (
+    <div role="textbox" tabIndex={0} {...clipboardProps}>
+      {pasted || 'Paste here'}
+      <kbd>⌘V</kbd>
+    </div>
+  );
+}
+
+<Copyable />
+<Pasteable />
+```

packages/@react-aria/dnd/docs/useDrag.mdx

@@ -375,3 +375,32 @@ function Draggable() {
 <Draggable />
 <DropTarget />
 ```
+
+## Disabling dragging
+
+If you need to temporarily disable dragging, you can pass the `isDisabled` option to `useDrag`. This will prevent dragging an element until it is re-enabled.
+
+```tsx example
+import {useDrag} from '@react-aria/dnd';
+
+function Draggable() {
+  let {dragProps, isDragging} = useDrag({
+    getItems() {
+      return [{
+        'text/plain': 'hello world'
+      }];
+    },
+    /*- begin highlight -*/
+    isDisabled: true
+    /*- end highlight -*/
+  });
+
+  return (
+    <div {...dragProps} role="button" tabIndex={0} className={`draggable ${isDragging ? 'dragging' : ''}`}>
+      Drag me
+    </div>
+  );
+}
+
+<Draggable />
+```

packages/@react-aria/dnd/docs/useDrop.mdx

@@ -437,3 +437,40 @@ function DropTarget() {
 <Draggable />
 <DropTarget />
 ```
+
+## Disabling dropping
+
+If you need to temporarily disable dropping, you can pass the `isDisabled` option to `useDrop`. This will prevent the drop target from accepting any drops until it is re-enabled.
+
+```tsx example
+import type {TextDropItem} from '@react-aria/dnd';
+import {useDrop} from '@react-aria/dnd';
+
+function DropTarget() {
+  let [dropped, setDropped] = React.useState(null);
+  let ref = React.useRef(null);
+  let {dropProps, isDropTarget} = useDrop({
+    ref,
+    async onDrop(e) {
+      let items = await Promise.all(
+        e.items
+          .filter(item => item.kind === 'text' && item.types.has('text/plain'))
+          .map((item: TextDropItem) => item.getText('text/plain'))
+      );
+      setDropped(items.join('\n'));
+    },
+    /*- begin highlight -*/
+    isDisabled: true
+    /*- end highlight -*/
+  });
+
+  return (
+    <div {...dropProps} role="button" tabIndex={0} ref={ref} className={`droppable ${isDropTarget ? 'target' : ''}`}>
+      {dropped || 'Drop here'}
+    </div>
+  );
+}
+
+<Draggable />
+<DropTarget />
+```