Multi-step Form

Пошаговая форма: валидация шагов, пропуск, проверка перед отправкой, черновик. Pro · Формы и ввод › Форма целиком и фильтры

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add multi-step-form

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { MultiStepForm } from 'valyro-ui-pro';

Prop	Type	Default
`steps` *	`MultiStepFormStep[]`		Steps in order, each with its title, fields and optional validator; only the current one is rendered.
`step`	`number`		Index of the current step.
`defaultStep`	`number`	`0`	Initial `step` when uncontrolled.
`onStepChange`	`(step: number) => void`		Called with the new `step` when it changes.
`onSubmit` *	`() => void \| Promise<void>`		Called on the last step once it validates. Reject (or throw) with an Error to show its message.
`onSaveDraft`	`(step: number) => void \| Promise<void>`		Shows a "Save draft" button; receives the current step. Reject to show an error.
`headingLevel`	`2 \| 3 \| 4`	`2`	Level of the step heading that receives focus on every step change. Default 2.
`labels`	`Partial<MultiStepFormLabels>`		Overrides for the built-in English text; keys left out keep their defaults.