From 72e57e61b80a9ea33594ea5a53e6bde1a4887aef Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Mon, 21 Feb 2022 14:12:18 -0800
Subject: [PATCH] docs(file-uploader): document "validateFiles"

---
 docs/src/pages/components/FileUploader.svx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/docs/src/pages/components/FileUploader.svx b/docs/src/pages/components/FileUploader.svx
index b8aa9ba6..a51824ad 100644
--- a/docs/src/pages/components/FileUploader.svx
+++ b/docs/src/pages/components/FileUploader.svx
@@ -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