Primitive

ValidationList

Structured validation issue list for forms, settings, and generated panels.

Use ValidationList for issue anatomy only. Validation derivation and submit behavior belong in components.
feedback
DOM renderImage render
ValidationListDefault
  • EmailEnter a work email.
  • RoleChoose at least one role.
  • SchemaBoundary parsed.

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Validation issue list with error and success rows.
  • EmailEnter a work email.
  • RoleChoose at least one role.
  • SchemaBoundary parsed.
Render state

Linked

Validation list with linked issue labels.
Render state

Success

Success issue list state.
  • SettingsReady to save.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
itemsValidationListItem[]-Validation issue rows.
statusFieldStatus-Default row status.