Form Summary

premium

Displays all form data as a review list or table.

Overview

The Form Summary renders all collected form data in a readable list or table format. Ideal for review-before-submit screens in multi-step forms. Supports field inclusion/exclusion filters and auto-formatting.

Properties

PropertyTypeDefaultDescription
formIdString"default"Form identifier.
titleString--Optional title above the summary.
includeFieldsString--Comma-separated field names to include (leave empty for all).
excludeFieldsString--Comma-separated field names to exclude.
showEmptyFieldsBooleanfalseShow fields with no value.
layoutEnum"list""list" (label: value) or "table" (2-column table).

Features

  • Auto-formats field names from camelCase to Title Case
  • Formats booleans as Yes/No, arrays as comma-separated
  • Include/exclude field filters
  • List or table layout
  • Canvas placeholder with dummy data for design preview

Tips

Place the Summary on the last step of a multi-step form as a review screen.
Use excludeFields to hide sensitive data or internal tracking fields.

Related components