From eb73d8cf67586466e0ca25b0240fe62aa0f010d9 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Tue, 18 Jan 2022 19:28:45 -0800
Subject: [PATCH] docs: add breaking change notice to ComboBox, Dropdown docs

---
 docs/src/pages/components/ComboBox.svx | 8 +++++++-
 docs/src/pages/components/Dropdown.svx | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

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"},