aboutsummaryrefslogtreecommitdiff
path: root/src/components/FileUpload.svelte
diff options
context:
space:
mode:
authorFurkan Sahin <furkan-dev@proton.me>2021-09-05 21:39:24 -0500
committerFurkan Sahin <furkan-dev@proton.me>2021-09-05 21:39:24 -0500
commitd0975a6e7ee57de4debda94e823011d813fbf4a1 (patch)
tree69d61bf6c29104434b9e3de4946e7d5dd549dec0 /src/components/FileUpload.svelte
parentffef3a6be19d1139b6378c8119d444082dd0cbac (diff)
Initial rewrite in svelte
Diffstat (limited to 'src/components/FileUpload.svelte')
-rw-r--r--src/components/FileUpload.svelte11
1 files changed, 11 insertions, 0 deletions
diff --git a/src/components/FileUpload.svelte b/src/components/FileUpload.svelte
new file mode 100644
index 0000000..d325e32
--- /dev/null
+++ b/src/components/FileUpload.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+ export let accept = "";
+ export let multiple = false;
+ export let files: FileList | null = null;
+</script>
+
+<label class="mdc-button mdc-button--raised mdc-ripple-upgraded">
+ <div class="mdc-button__ripple" />
+ <slot>Upload</slot>
+ <input type="file" {accept} {multiple} bind:files hidden />
+</label>