ProvenanceSearch

Supports CID lookup, file upload, or both modes simultaneously. Results are returned via the onResult callback.

Preview
Code

import { ProvenanceSearch } from "@provenancekit/ui";

// Full mode: CID input + file upload
<ProvenanceSearch
  mode="both"
  onResult={({ cid }) => router.push(`/provenance/${cid}`)}
/>

// Upload only
<ProvenanceSearch
  mode="upload"
  accept="image/*"
  maxSize={10 * 1024 * 1024}  // 10 MB
  onResult={({ cid }) => console.log("Found:", cid)}
/>

// CID lookup only
<ProvenanceSearch mode="cid" onResult={({ cid }) => setActiveCid(cid)} />

Props

Prop	Type	Default	Description
`mode`	`"upload" \| "cid" \| "both"`	`"both"`	Search input modes
`accept`	`string`	—	MIME types for file upload (e.g. `"image/*"`)
`maxSize`	`number`	—	Max file size in bytes
`onResult`	`(result: { cid: string }) => void`	—	Called when a result is selected
`className`	`string`	—	Additional CSS classes

Overview

Components

Props

Overview

Components

​Props

Props