docs(file-uploader): improve FileUploader documentation (#1126)

- add `FileUploader` "Clear files" example
- document `validateFiles` prop for `FileUploaderDropContainer`
- add descriptions for `FileUploaderButton`, `FileUploader` examples
This commit is contained in:
metonym 2022-02-21 14:26:02 -08:00 committed by GitHub
commit 44d848c60d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 70 additions and 2 deletions

View file

@ -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>