diff --git a/docs/source/docs/whitespace-and-wrapping.blade.md b/docs/source/docs/whitespace-and-wrapping.blade.md
index 32dc0dba9..930455a83 100644
--- a/docs/source/docs/whitespace-and-wrapping.blade.md
+++ b/docs/source/docs/whitespace-and-wrapping.blade.md
@@ -50,8 +50,42 @@ features:
     ],
     [
       '.truncate',
-      "overflow: hidden;\ntext-overflow: ellipsis;\nwhite-space",
+      "overflow: hidden;\ntext-overflow: ellipsis;\nwhite-space: nowrap",
       'Truncate overflowing text with an ellipsis (<code>…</code>) if needed.',
     ],
   ]
 ])
+
+## Customizing
+
+### Responsive, Hover, and Focus Variants
+
+By default, no hover, focus, or group-hover variants are generated for whitespace & wrapping utilities.
+
+You can control which variants are generated for the whitespace & wrapping utilities by modifying the `whitespace` property in the `modules` section of your Tailwind config file.
+
+For example, this config will _also_ generate hover and focus variants:
+
+```js
+{
+    // ...
+    modules: { 
+        // ...
+        whitespace: ['responsive', 'hover', 'focus'],
+    }
+}
+```
+
+### Disabling
+
+If you aren't using the whitespace & wrapping utilities in your project, you can disable them entirely by setting the `whitespace` property to `false` in the `modules` section of your config file:
+
+```js
+{
+    // ...
+    modules: {
+        // ...
+        whitespace: false,
+    }
+}
+```