#Advanced blocks

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

#Components

#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.