Framework Components

Svelte

Integrate PichaFlow into your Svelte and SvelteKit applications with ease.

The @pichaflow/svelte package provides a reactive upload component built specifically for Svelte.

Usage

<script>
  import { PichaUpload } from '@pichaflow/svelte';

  function handleSuccess(event) {
    const response = event.detail;
    console.log('Upload successful:', response.url);
  }
</script>

<PichaUpload
  apiKey="pk_live_your_public_key"
  useSecure={true}
  signatureUrl="/api/media/v1/upload/sign"
  tags={['ecommerce', 'svelte']}
  on:success={handleSuccess}
/>

Props

Prop	Type	Default	Description
`apiKey`	`string`	Required	Your PichaFlow Public Key (`pk_live_...`).
`useSecure`	`boolean`	`false`	Enable the HMAC-SHA256 handshake flow for secure browser uploads.
`signatureUrl`	`string`	`undefined`	The endpoint on your backend that signs the upload request (Required if `useSecure` is true).
`baseUrl`	`string`	`https://api.pichaflow.com`	Optional API base URL.
`tags`	`string[]`	`[]`	Tags to apply to the upload.

Events

Svelte events are emitted using the dispatch system.

Event	Payload	Description
`success`	`UploadResponse`	Fired when upload completes successfully.
`error`	`any`	Fired on network or server errors.
`progress`	`number`	Fired during upload progress updates.

Edit this pageorReport an issue

React

Integrate PichaFlow into your React and Next.js applications.

Vue

Integrate PichaFlow into your Vue and Nuxt applications.