docs(file-uploader): add "Clear files" example

docs/src/pages/components/FileUploader.svx

@@ -3,7 +3,7 @@ components: ["FileUploaderButton", "FileUploader", "FileUploaderDropContainer",
 ---
 
 <script>
-  import { FileUploaderButton, FileUploader, FileUploaderDropContainer, FileUploaderItem, FileUploaderSkeleton } from "carbon-components-svelte";
+  import { FileUploaderButton, FileUploader, FileUploaderDropContainer, FileUploaderItem, FileUploaderSkeleton, UnorderedList, ListItem } from "carbon-components-svelte";
   import Preview from "../../components/Preview.svelte";
 </script>
 
@@ -15,6 +15,17 @@ components: ["FileUploaderButton", "FileUploader", "FileUploaderDropContainer",
 
 <FileUploader multiple labelTitle="Upload files" buttonLabel="Add files" labelDescription="Only JPEG files are accepted." accept="{['.jpg', '.jpeg']}" status="complete" />
 
+### Clear files
+
+There are two ways to clear files in `FileUploader`:
+
+<UnorderedList svx-ignore style="margin-bottom: var(--cds-spacing-08)">
+  <ListItem>programmatically using the <strong>clearFiles</strong> accessor</ListItem>
+  <ListItem>two-way binding by setting <strong>files</strong> to <strong>[]</strong></ListItem>
+</UnorderedList>
+
+<FileSource src="/framed/FileUploader/FileUploaderClearFiles" />
+
 ### File uploader (disabled state)
 
 <FileUploader disabled multiple labelTitle="Upload files" buttonLabel="Add files" labelDescription="Only JPEG files are accepted." accept="{['.jpg', '.jpeg']}" status="complete" />

docs/src/pages/framed/FileUploader/FileUploaderClearFiles.svelte

@@ -0,0 +1,32 @@
+<script>
+  import { FileUploader, Button } from "carbon-components-svelte";
+
+  let fileUploader;
+  let files = [];
+</script>
+
+<FileUploader
+  bind:this="{fileUploader}"
+  multiple
+  labelTitle="Upload files"
+  buttonLabel="Add files"
+  status="complete"
+  bind:files
+/>
+
+<br />
+
+<Button
+  kind="tertiary"
+  disabled="{!files.length}"
+  on:click="{fileUploader.clearFiles}"
+>
+  Clear (programmatic)
+</Button>
+<Button
+  kind="tertiary"
+  disabled="{!files.length}"
+  on:click="{() => (files = [])}"
+>
+  Clear (two-way binding)
+</Button>