Skip to content

Advanced blocks

import { StepsLayout } from '@dnb/eufemia/extensions/forms'
render(
<StepsLayout>
<StepsLayout.Step title="Name">
<Layout.MainHeading>Profile</Layout.MainHeading>
</StepsLayout.Step>
</StepsLayout>,
)

Components

Iterate

Iterate is components and functionality for traversing values and parts of data sets such as arrays, which contain a varying number of elements where the number of components on the screen depends on how many elements the data consists of.

StepsLayout

StepsLayout is a wrapper component for showing forms with a StepIndicator for navigation between several steps. It also includes components for navigating between steps.

Visibility

Visibility makes it possible to hide components and elements on the screen based on the dynamic state of data.