Skip to content

frontend


Interface: StepConfig

Defined in: src/components/multi-step-form/MultiStepForm.tsx:22

Individual step configuration

Properties

cancelButtonLabel?

optional cancelButtonLabel?: string

Defined in: src/components/multi-step-form/MultiStepForm.tsx:34

Optional custom label for the Cancel/Back button


content

content: (props) => ReactNode

Defined in: src/components/multi-step-form/MultiStepForm.tsx:28

Step content render function

Parameters

props

StepContentProps

Returns

ReactNode


description?

optional description?: string

Defined in: src/components/multi-step-form/MultiStepForm.tsx:26

Optional description text


hideButtons?

optional hideButtons?: boolean

Defined in: src/components/multi-step-form/MultiStepForm.tsx:36

Hide the button pair entirely for this step


hideCancelButton?

optional hideCancelButton?: boolean

Defined in: src/components/multi-step-form/MultiStepForm.tsx:38

Hide only the cancel/back button for this step


hideCard?

optional hideCard?: boolean

Defined in: src/components/multi-step-form/MultiStepForm.tsx:40

Render step content without the BaseCard wrapper


label

label: string

Defined in: src/components/multi-step-form/MultiStepForm.tsx:24

Step label displayed in stepper


nextButtonLabel?

optional nextButtonLabel?: string

Defined in: src/components/multi-step-form/MultiStepForm.tsx:32

Optional custom label for the Next button (e.g., "Add Patient", "Create User")


validate?

optional validate?: () => boolean | Promise\<boolean>

Defined in: src/components/multi-step-form/MultiStepForm.tsx:30

Optional validation function - returns true if step is valid

Returns

boolean | Promise\<boolean>