Uploader(Beta)

An uploader component is a user interface element designed to facilitate the process of uploading files, such as images, documents, videos, or any other type of digital content, from a user’s device to a server or storage location. +page.svelte

<script lang="ts">import { Uploader } from "@grampro/svelte-block";
let selectedFiles = null;
</script>

<div class="min-h-screen flex justify-center items-center">
	<Uploader multiple accept=".png" showPreview bind:selectedFiles />
</div>Copy

Sample

Example Code

<script lang="ts">import { Uploader } from "@grampro/svelte-block";
let selectedFiles = null;
</script>

<div class="flex flex-col gap-2">
  <Uploader bind:selectedFiles />
  <div class="font-bold text-sm">With Preview and allow multiple</div>
  <Uploader accept=".png" bind:selectedFiles placeHolder="Select Images(.png)" multiple showPreview />
</div>Copy

Props