Some properties provide flexibility for specific integrations. Follow the component's usage guidance. Customizations beyond the documented patterns need a use case approved by DNB UX. Read about intended use and customization.
Properties#
| Type | Description | |
|---|---|---|
initialActiveIndex | number | (optional) What step should show initially (defaults to 0 for the first one). |
mode | "static" "strict" "loose" | (optional) How to show the wizard. Inherited from StepIndicator. Defaults to strict. |
omitScrollManagement | boolean | (optional) If set to true, the wizard will not scroll to the first step when the user navigates to a different step. |
omitFocusManagement | boolean | (optional) If set to true, the wizard will not set focus on the next step when the user navigates to a different step. |
noAnimation | boolean | (optional) If set to true, the height animation on step change and list expansion will be omitted. Inherited from StepIndicator. Defaults to false. |
keepInDOM | boolean | (optional) Determines if all steps should be kept in the DOM. Defaults to false. |
prerenderFieldProps | boolean | (optional) If set to true, the wizard pre-renders all steps so the props of each field are available in the data context. Defaults to true. |
validationMode | "bypassOnNavigation" | (optional) Determines if and how the validation will be bypassed. |
expandedInitially | boolean | (optional) Set to true to have the list be expanded initially. Defaults to false. |
outset | boolean | (optional) Whether or not to break out (using negative margins) on larger screens. Same as outset in Card. Defaults to false. |
children | React.ReactNode | (required) Contents (Step components). |
Space | string object | (optional) Spacing properties like top or bottom are supported. |