14 lines
778 B
Plaintext
14 lines
778 B
Plaintext
component FileUpload {
|
|
props {
|
|
id = "file"
|
|
name = "file"
|
|
label = "Upload file"
|
|
accept = ""
|
|
multiple = false
|
|
help = "Drag and drop or browse"
|
|
}
|
|
view {
|
|
<label for="{id}" class="flex min-h-40 cursor-pointer flex-col items-center justify-center rounded-2xl border-2 border-dashed border-slate-300 bg-slate-50 p-6 text-center transition hover:border-violet-500 hover:bg-violet-50/50 focus-within:ring-4 focus-within:ring-violet-500/10 dark:border-slate-700 dark:bg-slate-900/50"><span class="text-3xl" aria-hidden="true">⇧</span><span class="mt-2 font-semibold">{label}</span><span class="mt-1 text-sm text-slate-500">{help}</span><input id="{id}" name="{name}" type="file" accept="{accept}" multiple="{multiple}" class="sr-only" /></label>
|
|
}
|
|
}
|