Review required
Resolve the listed fields before saving the workflow.
- OwnerAssign a responsible operator.
- Budget limitEnter a value between 1 and 100.
Error
Submit-blocking errors with field links.
/render stateComponent
Validation summary
Top-level form feedback with status icon, field-linked items, compact copy, and optional action slot.
Validation summary is for cross-field feedback and submit blocking. Field-level messages still live on Field, Input, and composed controls.
Review required
Resolve the listed fields before saving the workflow.
- OwnerAssign a responsible operator.
- Budget limitEnter a value between 1 and 100.
Playground
Props in the URL.
Controls update query params directly. Complex slots use curated fixtures so component states stay deterministic, linkable, and screenshot-ready.
Loading playground.
States
Rendered matrix.
Every state maps to the same component render route through the `state` query param.
Ready to save
All required fields are complete and ready to submit.
- ConfigurationNo blocking validation remains.
Success
Positive ready state.
/render stateReview required
Resolve the listed fields before saving the workflow.
- OwnerAssign a responsible operator.
- Budget limitEnter a value between 1 and 100.
- Reference packetTwo files are attached.
Mixed
Multiple rows with mixed statuses.
/render stateProps
Public contract.
| Name | Type | Default | Description |
|---|---|---|---|
title | ReactNode | Review required | Summary title. |
description | ReactNode | - | Short explanation below the title. |
items | readonly ValidationSummaryItem[] | [] | Field-linked validation rows. Serializable item shape is validated by formValidationItemSchema. |
status | 'default' | 'error' | 'success' | error | Summary status tone. |
action | ReactNode | - | Optional right-side action slot. |