Sea.dev docs

Example configuration ​

Configure the components used by your screen directly. The document intake example shows ordinary host markup and CSS around the widgets.

Upload options ​

tsx
<SeaUpload
  stepLabel="financial-statements"
  stepRole="extraction"
  formats="pdf,images"
  maxSizeMb={20}
  maxCount={4}
  multiple
  onDuplicate="reject"
/>

The uploader counts documents in its mapped source scope, including referenced source submissions. Unrelated steps' documents do not consume that scope's cap or duplicate names. The label selects the extraction step's document input; the widget resolves its run-step ID and manages the batch upload.

Upload lists supported formats, file limits, retry states and events.

Form options ​

tsx
<SeaForm
  stepLabel="financial-statements"
  stepRole="extraction"
  readOnly
  noToolbar
  formFieldIds={["FIELD_ID"]}
/>

readOnly disables edits while retaining source navigation. Leave a filter unset to include all matching fields; an empty array includes none. Check outputs use the same form with isCheck. Form describes its editor and filters.

Layout ​

Set classes and styles on each component. CSS Grid and Flexbox determine its position. Process and step groups leave layout to the host. Add or remove children in the markup to include the panels your application needs.

Theming covers dimensions, tokens and internal styling parts. Set each child's options directly in App.tsx.

Language and source access ​

Set locale, actor attribution and document access settings on Sea context. It owns citation handling and interaction tracking for its descendants. Sea context lists those properties.