WizardSummary
Navigation & Chrome

WizardSummary

Displays wizard answers with links to edit the corresponding steps.

WizardSummary displays labeled answers inside a Wizard. An item with stepId displays an edit link when that step is reachable. Selecting the link navigates through the wizard's goTo method.

Import

TSX
import { WizardSummary } from "@solarius/onset";

Props

WizardSummaryProps props
PropTypeDefaultDescription
itemsWizardSummaryItem[]—Answer rows with label and value. Optional fields are stepId, mono, and group. Group defaults to the referenced step group.
editLabelReactNode"Edit"Edit link label.
columns1 | 21Number of group columns when container width permits.
flatboolean—Ignores group and renders one flat list.

Example

WizardSummary