Skip to content

Import

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

Description

Wizard.EditButton is a button to be placed in a summary step.

It provides a toStep property that lets you navigate to a specific step.

import { Hr } from '@dnb/eufemia'
import { Form, Wizard, Value } from '@dnb/eufemia/extensions/forms'
render(
<Form.Handler>
<Wizard.Layout>
<Wizard.Step title="Summary">
<Form.Card>
<Value.Name.First path="/firstName" />
<Hr />
<Wizard.EditButton toStep={2} />
</Form.Card>
</Wizard.Step>
</Wizard.Layout>
</Form.Handler>,
)