diff --git a/__docs__/wonder-blocks-labeled-field/labeled-field.argtypes.ts b/__docs__/wonder-blocks-labeled-field/labeled-field.argtypes.ts
index 45f35707b..fe50963d9 100644
--- a/__docs__/wonder-blocks-labeled-field/labeled-field.argtypes.ts
+++ b/__docs__/wonder-blocks-labeled-field/labeled-field.argtypes.ts
@@ -13,13 +13,20 @@ export default {
             },
         },
     },
-    error: {
+    errorMessage: {
         table: {
             type: {
                 summary: "string | ReactNode",
             },
         },
     },
+    required: {
+        table: {
+            type: {
+                summary: "string | boolean",
+            },
+        },
+    },
     field: {
         table: {
             type: {
diff --git a/__docs__/wonder-blocks-labeled-field/labeled-field.stories.tsx b/__docs__/wonder-blocks-labeled-field/labeled-field.stories.tsx
index cc6575cef..912b5a0d6 100644
--- a/__docs__/wonder-blocks-labeled-field/labeled-field.stories.tsx
+++ b/__docs__/wonder-blocks-labeled-field/labeled-field.stories.tsx
@@ -598,3 +598,30 @@ export const WithNonWb = {
         },
     },
 };
+
+/**
+ * Custom ReactNode elements can be used for the `label`, `description`, and
+ * `error` props. Ideally, the styling of LabeledField should not be overridden.
+ * If there is a specific use case where the styling needs to be overridden,
+ * please reach out to the Wonder Blocks team!
+ */
+export const Custom = {
+    args: {
+        label: (
+            <span>
+                <b>Label</b> <i>using</i> <u>JSX</u>
+            </span>
+        ),
+        description: (
+            <span>
+                <b>Description</b> <i>using</i> <u>JSX</u>
+            </span>
+        ),
+        field: <TextField value="" onChange={() => {}} />,
+        errorMessage: (
+            <span>
+                <b>Error</b> <i>using</i> <u>JSX</u>
+            </span>
+        ),
+    },
+};