aboutsummaryrefslogtreecommitdiff
path: root/src/components/UploadButton.svelte
diff options
context:
space:
mode:
authorFurkan Sahin <furkan-dev@proton.me>2022-06-03 19:34:33 -0500
committerFurkan Sahin <furkan-dev@proton.me>2022-06-03 19:34:33 -0500
commit847b3846fa4d354c513a13458b21378cff4a479f (patch)
tree094c434dea06a69803b48147a7b966b5ebd8a64a /src/components/UploadButton.svelte
parent3fc1d1b7c2c7fd389878cff1bc4414458c167e31 (diff)
Reusable Card and Upload button, FileUpload page done for now
Diffstat (limited to 'src/components/UploadButton.svelte')
-rw-r--r--src/components/UploadButton.svelte11
1 files changed, 11 insertions, 0 deletions
diff --git a/src/components/UploadButton.svelte b/src/components/UploadButton.svelte
new file mode 100644
index 0000000..a592a25
--- /dev/null
+++ b/src/components/UploadButton.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+ export let accept = "";
+ export let multiple = false;
+ export let files: FileList | null = null;
+ export let color = "";
+</script>
+
+<label class="btn {color}">
+ Upload
+ <input type="file" {accept} {multiple} bind:files hidden />
+</label>