Step group

<sea-step> shares a step binding with its descendants. Place it inside a process when several widgets need the same label or exact output.

Integration	Entry
React	SeaStep from @sea-dev/widget-lit/react/process
Without React	@sea-dev/widget-lit/step

Usage

<sea-process run-id="{RUN_ID}">
  <sea-step step-label="data">
    <section class="review-grid">
      <sea-file-browser view="list" selection-only></sea-file-browser>
      <sea-form></sea-form>
      <sea-source-viewer></sea-source-viewer>
    </section>
  </sea-step>
  <sea-step step-label="doc-check">
    <sea-form is-check></sea-form>
  </sea-step>
</sea-process>

The process must be inside Sea context, with the API host configured before mounting. Step groups use display: contents, so host elements control the layout. A widget's own step label or ID overrides the group binding. Uploads require an extraction step, including when they inherit the group's label.

Attributes and properties

Property	Attribute	Type	Default	Description
stepLabel	step-label	string	""	Selects the step with this unique pipeline label.
stepRole	step-role	PipelineStepRoleWire or undefined	—	Constrains the selected step to this execution role.
stepId	step-id	string	""	Selects a pipeline definition step precisely.
runStepId	run-step-id	string	""	Selects one instance of a repeated step in this run.
outputFormId	output-form-id	string	""	Restricts this step's outputs to one form.
outputSubmissionId	output-submission-id	string	""	Selects one output submission explicitly.
value	—	SeaContextValue or undefined	—	Read-only property exposing the selected step's context.

Events

Event	Type	Description