mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 12:23:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(file-uploader): document "validateFiles"

Browse source
This commit is contained in:
Eric Liu 2022-02-21 14:12:18 -08:00
commit 72e57e61b8
1 changed files with 16 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

17
docs/src/pages/components/FileUploader.svx
View file

@ -52,7 +52,22 @@ The default `FileUploaderItem` size is "default".
### Drop container
<FileUploaderDropContainer labelText="Drag and drop files here or click to upload" multiple />
The `FileUploaderDropContainer` accepts files through click and drop events.
Use the `validateFiles` prop to filter out files before they are set.
The following example accepts files smaller than 1 kB.
<FileUploaderDropContainer
labelText="Drag and drop files here or click to upload"
multiple
validateFiles={files => {
return files.filter(file => file.size < 1_024)
}}
on:change={e=> {
console.log("files", e.detail)
}}
/>
### Skeleton