diff --git a/docs/src/pages/components/ComboBox.svx b/docs/src/pages/components/ComboBox.svx
index c4117b7c..15466601 100644
--- a/docs/src/pages/components/ComboBox.svx
+++ b/docs/src/pages/components/ComboBox.svx
@@ -1,8 +1,14 @@
 <script>
-  import { ComboBox } from "carbon-components-svelte";
+  import { ComboBox, InlineNotification } from "carbon-components-svelte";
   import Preview from "../../components/Preview.svelte";
 </script>
 
+<InlineNotification svx-ignore title="Note:" kind="info" hideCloseButton>
+  <div class="body-short-01">
+    Since version 0.53, <strong>selectedIndex</strong> has been replaced with <strong>selectedId</strong>.
+  </div>
+</InlineNotification>
+
 ### Default
 
 <ComboBox titleText="Contact" placeholder="Select contact method"
diff --git a/docs/src/pages/components/Dropdown.svx b/docs/src/pages/components/Dropdown.svx
index 5928962d..a7a3413f 100644
--- a/docs/src/pages/components/Dropdown.svx
+++ b/docs/src/pages/components/Dropdown.svx
@@ -3,10 +3,16 @@ components: ["Dropdown", "DropdownSkeleton"]
 ---
 
 <script>
-  import { Dropdown, DropdownSkeleton } from "carbon-components-svelte";
+  import { Dropdown, DropdownSkeleton, InlineNotification } from "carbon-components-svelte";
   import Preview from "../../components/Preview.svelte";
 </script>
 
+<InlineNotification svx-ignore title="Note:" kind="info" hideCloseButton>
+  <div class="body-short-01">
+    Since version 0.53, <strong>selectedIndex</strong> has been replaced with <strong>selectedId</strong>.
+  </div>
+</InlineNotification>
+
 ### Default
 
 <Dropdown titleText="Contact" selectedId="0" items="{[{id: "0", text: "Slack"},