<script>
  import { ComboBox, Button } from "carbon-components-svelte";

  let ref;
</script>

<ComboBox
  titleText="Contact"
  placeholder="Select contact method"
  selectedId="1"
  bind:this="{ref}"
  items="{[
    { id: '0', text: 'Slack' },
    { id: '1', text: 'Email' },
    { id: '2', text: 'Fax' },
  ]}"
/>
<br />
<Button on:click="{ref.clear}">Clear</Button>
<Button on:click="{() => ref.clear({ focus: false })}">Clear (no focus)</Button>
