Framework Components

React

Integrate PichaFlow into your React and Next.js applications.

The @pichaflow/react package provides a functional upload component.

Usage

import { PichaUpload } from '@pichaflow/react';

export default function MyPage() {
  const handleSuccess = (res) => {
    console.log('Upload complete:', res.id);
  };

  return (
    <PichaUpload
      apiKey="sk_live_..."
      onSuccess={handleSuccess}
      className="my-custom-dropzone"
    />
  );
}

Props

PropTypeDefaultDescription
apiKeystringRequiredYour PichaFlow Secret Key.
onSuccessfunction-Callback for successful uploads.
onErrorfunction-Callback for failed uploads.
onProgressfunction-Callback for progress updates.