diff --git a/docs/src/pages/components/ComboBox.svx b/docs/src/pages/components/ComboBox.svx
index 014769f0..b63d1c67 100644
--- a/docs/src/pages/components/ComboBox.svx
+++ b/docs/src/pages/components/ComboBox.svx
@@ -1,6 +1,9 @@
 <script>
   import { ComboBox } from "carbon-components-svelte";
+  import { Button } from "carbon-components-svelte";
   import Preview from "../../components/Preview.svelte";
+  let comboboxComponent
+
 </script>
 
 ### Default
@@ -22,6 +25,17 @@ items={[
   {id: "2", text: "Fax"}
   ]}  />
 
+### Clear selection
+<ComboBox titleText="Contact" placeholder="Select contact method"
+bind:this={comboboxComponent} 
+items={[
+  {id: "0", text: "Slack"},
+  {id: "1", text: "Email"},
+  {id: "2", text: "Fax"}
+  ]}  />
+<br>
+<Button on:click={comboboxComponent.clear}>Clear</Button>
+
 ### Multiple combo boxes
 
 <FileSource src="/framed/ComboBox/MultipleComboBox" />