PreviousButton

Import

import { Wizard } from '@dnb/eufemia/extensions/forms'
render(<Wizard.PreviousButton />)

Description

Wizard.PreviousButton connects to Wizard.Context to move the user to the previous step when clicked.

Note: This button is used in Wizard.Buttons, which is easier to integrate into most wizards.

import { Form, Wizard } from '@dnb/eufemia/extensions/forms'

render(
  <Form.Handler>
    <Wizard.Container>
      <Wizard.Step title="Step 1">previous step</Wizard.Step>
      <Wizard.Step title="Step 2">
        <Wizard.PreviousButton />
      </Wizard.Step>
    </Wizard.Container>
  </Form.Handler>,
)

Demos

Code Editor<Wizard.PreviousButton />