chat-ui / src /lib /components /UploadBtn.svelte
nsarrazin's picture
nsarrazin HF staff
Add support for tgi multimodal models (#531)
0e5c445 unverified
raw
history blame
632 Bytes
<script lang="ts">
import CarbonUpload from "~icons/carbon/upload";
export let classNames = "";
export let files: File[];
let filelist: FileList;
$: if (filelist) {
files = Array.from(filelist);
}
</script>
<button
class="btn relative h-8 rounded-lg border bg-white px-3 py-1 text-sm text-gray-500 shadow-sm transition-all hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600 {classNames}"
>
<input
bind:files={filelist}
class="absolute w-full cursor-pointer opacity-0"
type="file"
accept="image/*"
/>
<CarbonUpload class="mr-2 text-xs " /> Upload image
</button>