@sea-dev/widget
v0.2.17
Published
## Installation
Readme
sea.dev widget
Installation
npm install @sea-dev/widgetComponents
The widget package exports three main React components and one initialization function for use in different scenarios.
SeaWidget
The primary widget component that displays a full submission management interface with document upload, data extraction, and viewing capabilities.
import { SeaWidget } from "@sea-dev/widget";
import "@sea-dev/widget/style.css";
export default function YourPage() {
return (
<div className="h-full">
<SeaWidget
apiKey="your-api-key-here"
className="h-full"
/>
</div>
);
}Props:
apiKey(required): Your Sea.dev API keysubmissionId(optional): Pre-select a specific submission to displayformId(optional): Filter submissions by form IDdealId(optional): Filter submissions by deal IDclassName(optional): Additional CSS classesstyle(optional): Inline styles
SeaDataViewer
A read-only component for viewing extracted data from a specific submission.
import { SeaDataViewer } from "@sea-dev/widget";
import "@sea-dev/widget/style.css";
export default function ViewSubmission() {
return (
<SeaDataViewer
apiKey="your-api-key-here"
submissionId="sub_123456"
className="w-full"
/>
);
}Props:
apiKey(required): Your Sea.dev API keysubmissionId(required): The submission ID to displayclassName(optional): Additional CSS classesstyle(optional): Inline styles
SeaFileUpload
A standalone file upload component for adding documents to an existing submission.
import { SeaFileUpload } from "@sea-dev/widget";
import "@sea-dev/widget/style.css";
export default function UploadPage() {
const handleUpload = () => {
console.log("File uploaded successfully!");
};
return (
<SeaFileUpload
apiKey="your-api-key-here"
submissionId="sub_123456"
onUpload={handleUpload}
/>
);
}Props:
apiKey(required): Your Sea.dev API keysubmissionId(required): The submission ID to upload files toonUpload(required): Callback function called after successful upload
