From 384dd3952e503dc0963bab834b2381dcc209aa39 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 21 Nov 2024 10:37:33 -0800
Subject: [PATCH] docs(recursive-list): update mentions of renamed `children`
 prop

---
 docs/src/pages/components/RecursiveList.svx | 12 +++++++++---
 docs/src/pages/components/TreeView.svx      |  4 ++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/docs/src/pages/components/RecursiveList.svx b/docs/src/pages/components/RecursiveList.svx
index 76040ca8..d5941bda 100644
--- a/docs/src/pages/components/RecursiveList.svx
+++ b/docs/src/pages/components/RecursiveList.svx
@@ -1,11 +1,17 @@
 <script>
-  import { InlineNotification, RecursiveList } from "carbon-components-svelte";
+  import { InlineNotification, RecursiveList, Link } from "carbon-components-svelte";
   import Preview from "../../components/Preview.svelte";
 </script>
 
 This component uses the [svelte:self API](https://svelte.dev/docs#svelte_self) to render the [UnorderedList](/components/UnorderedList) and [OrderedList](/components/OrderedList) components with tree structured data.
 
-A child node can render text, a link, HTML content, and other children.
+A child node can render text, a link, HTML content, and other child nodes.
+
+<InlineNotification svx-ignore lowContrast title="Note:" kind="info" hideCloseButton>
+  <div class="body-short-01">
+    In version 0.86.0, the <strong>children</strong> prop was renamed to <strong>nodes</strong> for <Link target="_blank" href="https://svelte.dev/docs/svelte/v5-migration-guide#The-children-prop-is-reserved">Svelte 5 compatibility</Link>.
+  </div>
+</InlineNotification>
 
 <InlineNotification svx-ignore lowContrast title="Warning:" kind="warning" hideCloseButton>
   <div class="body-short-01">
@@ -15,7 +21,7 @@ A child node can render text, a link, HTML content, and other children.
 
 ## Unordered
 
-The `children` prop accepts an array of child nodes.
+The `nodes` prop accepts an array of child nodes.
 
 By default, the list type is unordered.
 
diff --git a/docs/src/pages/components/TreeView.svx b/docs/src/pages/components/TreeView.svx
index a8dcd982..c7c97c92 100644
--- a/docs/src/pages/components/TreeView.svx
+++ b/docs/src/pages/components/TreeView.svx
@@ -9,11 +9,11 @@ The `nodes` prop accepts an array of child nodes. Each node should contain `id`
 
 Optional properties include `disabled`, `icon`, and `nodes`.
 
-A parent node contains `nodes` (children) while a leaf node does not.
+A parent node contains `nodes` while a leaf node does not.
 
 <InlineNotification svx-ignore lowContrast title="Note:" kind="info" hideCloseButton>
   <div class="body-short-01">
-    In version 0.86.0, the <strong>children</strong> prop has been renamed to <strong>nodes</strong> for <Link target="_blank" href="https://svelte.dev/docs/svelte/v5-migration-guide#The-children-prop-is-reserved">Svelte 5 compatibility</Link>.
+    In version 0.86.0, the <strong>children</strong> prop was renamed to <strong>nodes</strong> for <Link target="_blank" href="https://svelte.dev/docs/svelte/v5-migration-guide#The-children-prop-is-reserved">Svelte 5 compatibility</Link>.
   </div>
 </InlineNotification>