README updates

bvaughn · Aug 15, 2024 · 62b245f · 62b245f
1 parent 93a791f
commit 62b245f
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -146,3 +146,19 @@ export function ClientComponent({
 > Be sure to specify a `defaultSize` prop for **every** `Panel` component to avoid layout flicker.
 
 A demo of this is available [here](https://github.com/bvaughn/react-resizable-panels-demo-ssr).
+
+#### How can I set the [CSP `"nonce"`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) attribute?
+
+```js
+import { setNonce } from "react-resizable-panels";
+
+setNonce("your-nonce-value-here");
+```
+
+#### How can I disable global cursor styles?
+
+```js
+import { disableGlobalCursorStyles } from "react-resizable-panels";
+
+disableGlobalCursorStyles();
+```
diff --git a/packages/react-resizable-panels/README.md b/packages/react-resizable-panels/README.md
@@ -227,3 +227,19 @@ export function ClientComponent({
 > Be sure to specify a `defaultSize` prop for **every** `Panel` component to avoid layout flicker.
 
 A demo of this is available [here](https://github.com/bvaughn/react-resizable-panels-demo-ssr).
+
+#### How can I set the [CSP `"nonce"`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) attribute?
+
+```js
+import { setNonce } from "react-resizable-panels";
+
+setNonce("your-nonce-value-here");
+```
+
+#### How can I disable global cursor styles?
+
+```js
+import { disableGlobalCursorStyles } from "react-resizable-panels";
+
+disableGlobalCursorStyles();
+```