mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
36 lines
No EOL
1,020 B
Text
36 lines
No EOL
1,020 B
Text
---
|
|
components: ["FileUploaderButton", "FileUploader", "FileUploaderDropContainer", "FileUploaderItem", "FileUploaderSkeleton"]
|
|
---
|
|
|
|
<script>
|
|
import { FileUploaderButton, FileUploader, FileUploaderDropContainer, FileUploaderItem, FileUploaderSkeleton } from "carbon-components-svelte";
|
|
import Preview from "../../components/Preview.svelte";
|
|
</script>
|
|
|
|
### File uploader (button-only)
|
|
|
|
<FileUploaderButton labelText="Add files" />
|
|
|
|
### File uploader
|
|
|
|
<FileUploader multiple labelTitle="Upload files" buttonLabel="Add files" labelDescription="Only JPEG files are accepted." accept="{['.jpg', '.jpeg']}" status="complete" />
|
|
|
|
### Item (uploading)
|
|
|
|
<FileUploaderItem name="README.md" status="uploading" />
|
|
|
|
### Item (complete)
|
|
|
|
<FileUploaderItem name="README.md" status="complete" />
|
|
|
|
### Item (invalid)
|
|
|
|
<FileUploaderItem invalid name="README.md" status="edit" />
|
|
|
|
### Drop container
|
|
|
|
<FileUploaderDropContainer labelText="Drag and drop files here or click to upload" multiple />
|
|
|
|
### Skeleton
|
|
|
|
<FileUploaderSkeleton /> |