mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
44d848c60d- add `FileUploader` "Clear files" example - document `validateFiles` prop for `FileUploaderDropContainer` - add descriptions for `FileUploaderButton`, `FileUploader` examples
32 lines
535 B
Svelte
32 lines
535 B
Svelte
<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>
|