diff --git a/packages/ripple-ui-core/package.json b/packages/ripple-ui-core/package.json
index 943c963365..948262cc01 100644
--- a/packages/ripple-ui-core/package.json
+++ b/packages/ripple-ui-core/package.json
@@ -20,6 +20,8 @@
   "exports": {
     ".": "./dist/rpl-lib.es.js",
     "./nuxt": "./src/nuxt/index.ts",
+    "./components": "./src/components.ts",
+    "./components/*": "./src/components/*",
     "./vue": "./dist/rpl-vue.es.js",
     "./webcomponents": "./dist/web-components/rpl-wc.es.js",
     "./style": "./dist/global.css",
diff --git a/packages/ripple-ui-core/src/components.ts b/packages/ripple-ui-core/src/components.ts
index 64f8fc70c2..d59c2a812a 100644
--- a/packages/ripple-ui-core/src/components.ts
+++ b/packages/ripple-ui-core/src/components.ts
@@ -45,6 +45,7 @@ export { default as RplPrimaryCampaign } from './components/campaign-banner/RplP
 export { default as RplPrimaryNav } from './components/primary-nav/RplPrimaryNav.vue'
 export { default as RplProfile } from './components/profile/RplProfile.vue'
 export { default as RplPromoCard } from './components/card/RplPromoCard.vue'
+export { default as RplProgress } from './components/progress/RplProgress.vue'
 export { default as RplRelatedLinks } from './components/related-links/RplRelatedLinks.vue'
 export { default as RplResultListing } from './components/result-listing/RplResultListing.vue'
 export { default as RplResultListingItem } from './components/result-listing/RplResultListingItem.vue'
diff --git a/packages/ripple-ui-forms/src/components/RplForm/RplForm.cy.ts b/packages/ripple-ui-forms/src/components/RplForm/RplForm.cy.ts
index 72dac79899..0f153a5a9a 100644
--- a/packages/ripple-ui-forms/src/components/RplForm/RplForm.cy.ts
+++ b/packages/ripple-ui-forms/src/components/RplForm/RplForm.cy.ts
@@ -1,6 +1,166 @@
 import RplForm from './RplForm.vue'
 import { schema } from './fixtures/sample'
 
+const multiStepSchema: any[] = [
+  {
+    $step: true,
+    id: 'step-one',
+    key: 'step-one',
+    name: 'step-one',
+    title: 'Step one',
+    nextButton: 'Next',
+    schema: [
+      {
+        $formkit: 'RplFormText',
+        id: 'first_name',
+        name: 'first_name',
+        label: 'First name',
+        validation: [['required']],
+        value: ''
+      }
+    ]
+  },
+  {
+    $step: true,
+    id: 'step-two',
+    key: 'step-two',
+    name: 'step-two',
+    title: 'Step two',
+    nextButton: 'Review',
+    prevButton: 'Back',
+    schema: [
+      {
+        $formkit: 'RplFormText',
+        id: 'email',
+        name: 'email',
+        label: 'Email',
+        value: ''
+      }
+    ]
+  },
+  {
+    $step: true,
+    id: 'review',
+    key: 'review',
+    name: 'review',
+    title: 'Review',
+    nextButton: 'Submit',
+    prevButton: 'Back',
+    schema: [
+      {
+        $formkit: 'RplFormReview',
+        key: 'review_component'
+      }
+    ]
+  }
+]
+
+const multiStepSchemaNoPrevButton: any[] = [
+  {
+    $step: true,
+    id: 'step-one',
+    key: 'step-one',
+    name: 'step-one',
+    title: 'Step one',
+    nextButton: 'Next',
+    schema: [
+      {
+        $formkit: 'RplFormText',
+        id: 'first_name',
+        name: 'first_name',
+        label: 'First name',
+        value: ''
+      }
+    ]
+  },
+  {
+    $step: true,
+    id: 'step-two',
+    key: 'step-two',
+    name: 'step-two',
+    title: 'Step two',
+    nextButton: 'Continue',
+    prevButton: false,
+    schema: [
+      {
+        $formkit: 'RplFormText',
+        id: 'email',
+        name: 'email',
+        label: 'Email',
+        value: ''
+      }
+    ]
+  },
+  {
+    $step: true,
+    id: 'review',
+    key: 'review',
+    name: 'review',
+    title: 'Review',
+    nextButton: 'Submit',
+    prevButton: 'Back',
+    schema: [
+      {
+        $formkit: 'RplFormReview',
+        key: 'review_component'
+      }
+    ]
+  }
+]
+
+const multiStepSchemaNoNextButton: any[] = [
+  {
+    $step: true,
+    id: 'step-one',
+    key: 'step-one',
+    name: 'step-one',
+    title: 'Step one',
+    nextButton: 'Next',
+    schema: [
+      {
+        $formkit: 'RplFormText',
+        id: 'first_name_no_next',
+        name: 'first_name_no_next',
+        label: 'First name',
+        value: ''
+      }
+    ]
+  },
+  {
+    $step: true,
+    id: 'step-two',
+    key: 'step-two',
+    name: 'step-two',
+    title: 'Step two',
+    nextButton: false,
+    prevButton: 'Back',
+    schema: [
+      {
+        $formkit: 'RplFormText',
+        id: 'email_no_next',
+        name: 'email_no_next',
+        label: 'Email',
+        value: ''
+      }
+    ]
+  },
+  {
+    $step: true,
+    id: 'review',
+    key: 'review',
+    name: 'review',
+    title: 'Review',
+    nextButton: 'Submit',
+    prevButton: 'Back',
+    schema: [
+      {
+        $formkit: 'RplFormReview',
+        key: 'review_component'
+      }
+    ]
+  }
+]
+
 describe('<RplForm />', () => {
   it('renders', () => {
     // see: https://test-utils.vuejs.org/guide/
@@ -37,4 +197,81 @@ describe('<RplForm />', () => {
     cy.get('button[type="submit"]').should('be.disabled')
     cy.get('button[type="reset"]').should('be.disabled')
   })
+
+  it('validates and navigates between multi-step form steps', () => {
+    cy.mount(RplForm, {
+      props: {
+        id: 'test-multi-step-form',
+        schema: multiStepSchema
+      }
+    })
+
+    cy.contains('Step 1 of 3').should('be.visible')
+    cy.contains('h3', 'Step one').should('be.visible')
+
+    cy.contains('button', 'Next').click()
+    cy.contains('There is a problem').should('be.visible')
+    cy.contains('Step 1 of 3').should('be.visible')
+
+    cy.get('[name="first_name"]').type('Taylor')
+    cy.contains('button', 'Next').click()
+
+    cy.contains('Step 2 of 3').should('be.visible')
+    cy.contains('h3', 'Step two').should('be.visible')
+
+    cy.contains('button', 'Back').click()
+    cy.contains('Step 1 of 3').should('be.visible')
+    cy.contains('h3', 'Step one').should('be.visible')
+  })
+
+  it('renders review step content in multi-step form', () => {
+    cy.viewport('macbook-13')
+    cy.mount(RplForm, {
+      props: {
+        id: 'test-multi-step-review-form',
+        schema: multiStepSchema
+      }
+    })
+
+    cy.get('[name="first_name"]').type('Taylor')
+    cy.contains('button', 'Next').click()
+    cy.get('[name="email"]').type('taylor@example.com')
+    cy.contains('button', 'Review').click()
+
+    cy.contains('Step 3 of 3').should('be.visible')
+    cy.contains('h3', 'Review').should('be.visible')
+    cy.contains('Step one').should('be.visible')
+    cy.contains('Step two').should('be.visible')
+    cy.contains('Change').should('be.visible')
+  })
+
+  it('hides previous step button when prevButton is disabled', () => {
+    cy.viewport('macbook-13')
+    cy.mount(RplForm, {
+      props: {
+        id: 'test-multi-step-no-prev-button',
+        schema: multiStepSchemaNoPrevButton
+      }
+    })
+
+    cy.contains('button', 'Next').click()
+    cy.contains('Step 2 of 3').should('be.visible')
+    cy.get('.rpl-form__step-prev').should('not.be.visible')
+    cy.contains('button', 'Continue').should('be.visible')
+  })
+
+  it('hides next step button when nextButton is disabled', () => {
+    cy.viewport('macbook-13')
+    cy.mount(RplForm, {
+      props: {
+        id: 'test-multi-step-no-next-button',
+        schema: multiStepSchemaNoNextButton
+      }
+    })
+
+    cy.contains('button', 'Next').click()
+    cy.contains('Step 2 of 3').should('be.visible')
+    cy.get('.rpl-form__step-next').should('not.be.visible')
+    cy.contains('button', 'Back').should('be.visible')
+  })
 })
diff --git a/packages/ripple-ui-forms/src/components/RplForm/RplForm.vue b/packages/ripple-ui-forms/src/components/RplForm/RplForm.vue
index 6f3de3c909..e97e7afc06 100644
--- a/packages/ripple-ui-forms/src/components/RplForm/RplForm.vue
+++ b/packages/ripple-ui-forms/src/components/RplForm/RplForm.vue
@@ -421,7 +421,7 @@ const handleStepChange = async ({
 
   // Get the current steps errors when it's invalid, and we're trying to proceed
   if (!currentStep.isValid && forwards) {
-    cachedErrors.value = getErrorMessages(getNode(currentStep.id))
+    cachedErrors.value = getErrorMessages(currentStep.node)
   }
 
   if (isStepValid) {
diff --git a/packages/ripple-ui-forms/src/components/RplForm/RplFormMultiStep.stories.ts b/packages/ripple-ui-forms/src/components/RplForm/RplFormMultiStep.stories.ts
new file mode 100644
index 0000000000..d2de3be539
--- /dev/null
+++ b/packages/ripple-ui-forms/src/components/RplForm/RplFormMultiStep.stories.ts
@@ -0,0 +1,246 @@
+import type { Meta, StoryObj } from '@storybook/vue3'
+import RplForm from './RplForm.vue'
+import { handleEligibilityStepChange } from './fixtures/before-step-change'
+import '@dpc-sdp/ripple-ui-core/style/components'
+
+export default {
+  title: 'Forms/Multi step form',
+  component: RplForm
+} satisfies Meta<typeof RplForm>
+
+type Story = StoryObj<typeof RplForm>
+
+export const DefaultStory: Story = {
+  name: 'Default',
+  render: (args) => ({
+    components: { RplForm },
+    setup() {
+      return { args }
+    },
+    template: `
+      <RplForm
+        v-bind="args"
+        :style="{
+        '--local-max-width': '695px'
+      }"
+      >
+        <template #belowForm="{ value }">
+          <div class="rpl-storybook-form-values rpl-u-margin-t-6">
+            <h2 class="rpl-type-h4">Internal form values</h2>
+            <pre wrap>{{ value }}</pre>
+          </div>
+        </template>
+      </RplForm>
+    `
+  }),
+  args: {
+    id: 'multi-step-form',
+    schema: [
+      {
+        $step: true,
+        id: 'eligibility',
+        key: 'eligibility',
+        name: 'eligibility',
+        title: 'Eligibility',
+        nextButton: 'Next',
+        beforeStepChange: handleEligibilityStepChange,
+        schema: [
+          {
+            $formkit: 'RplFormFieldset',
+            legend: 'Address',
+            name: 'address',
+            children: [
+              {
+                $formkit: 'RplFormText',
+                id: 'forms_address_organization',
+                name: 'organization',
+                label: 'Organization',
+                validation: [['required']],
+                validationMessages: {
+                  required: 'The message field is required',
+                  matches: 'Please enter between 10 and 50 characters'
+                },
+                value: ''
+              },
+              {
+                $formkit: 'RplFormText',
+                id: 'forms_address_given_name',
+                name: 'given_name',
+                label: 'Given name',
+                validation: [],
+                value: ''
+              },
+              {
+                $formkit: 'RplFormText',
+                id: 'forms_address_family_name',
+                name: 'family_name',
+                label: 'Family name',
+                validation: [],
+                value: ''
+              },
+              {
+                $formkit: 'RplFormText',
+                id: 'forms_address_address_line1',
+                name: 'address_line1',
+                label: 'Street address',
+                validation: [],
+                value: ''
+              },
+              {
+                $formkit: 'RplFormText',
+                id: 'forms_address_address_line2',
+                name: 'address_line2',
+                label: 'Street address line 2',
+                validation: [],
+                value: ''
+              },
+              {
+                $formkit: 'RplFormText',
+                id: 'forms_address_locality',
+                name: 'locality',
+                label: 'Suburb',
+                columnClasses: 'rpl-col-12 rpl-col-5-m',
+                validation: [],
+                value: ''
+              },
+              {
+                $formkit: 'RplFormDropdown',
+                id: 'forms_address_administrative_area',
+                name: 'administrative_area',
+                label: 'State',
+                columnClasses: 'rpl-col-12 rpl-col-5-m',
+                options: [
+                  {
+                    id: 'VIC',
+                    value: 'VIC',
+                    label: 'Victoria'
+                  },
+                  {
+                    id: 'NSW',
+                    value: 'NSW',
+                    label: 'New South Wales'
+                  },
+                  {
+                    id: 'WA',
+                    value: 'WA',
+                    label: 'Western Australia'
+                  },
+                  {
+                    id: 'QLD',
+                    value: 'QLD',
+                    label: 'Queensland'
+                  },
+                  {
+                    id: 'ACT',
+                    value: 'ACT',
+                    label: 'Australian Capital Territory'
+                  },
+                  {
+                    id: 'NT',
+                    value: 'NT',
+                    label: 'Northern Territory'
+                  },
+                  {
+                    id: 'SA',
+                    value: 'SA',
+                    label: 'South Australia'
+                  },
+                  {
+                    id: 'TAS',
+                    value: 'TAS',
+                    label: 'Tasmania'
+                  }
+                ],
+                validation: [],
+                value: '',
+                pii: false
+              },
+              {
+                $formkit: 'RplFormText',
+                id: 'forms_address_postal_code',
+                name: 'postal_code',
+                label: 'Postcode',
+                columnClasses: 'rpl-col-6 rpl-col-3-m',
+                validation: [],
+                value: ''
+              },
+              {
+                $formkit: 'hidden',
+                id: 'forms_address_country_code',
+                name: 'country_code',
+                value: 'AU'
+              }
+            ]
+          }
+        ]
+      },
+      {
+        $step: true,
+        id: 'not-eligible',
+        key: 'not-eligible',
+        name: 'not-eligible',
+        title: 'Not eligible',
+        nextButton: false,
+        prevButton: 'Go backwards',
+        beforeStepChange: handleEligibilityStepChange,
+        parentStep: 'eligibility',
+        schema: [
+          {
+            $el: 'div',
+            attrs: {
+              class: 'rpl-content'
+            },
+            children: [
+              {
+                $el: 'p',
+                children:
+                  'Unfortunately, based on the information you have provided, you are not eligible to apply for this grant.'
+              }
+            ]
+          }
+        ]
+      },
+      {
+        $step: true,
+        id: 'eligible',
+        key: 'eligible',
+        name: 'eligible',
+        title: 'You are eligible',
+        nextButton: 'Go forwards',
+        prevButton: 'Go backwards',
+        beforeStepChange: handleEligibilityStepChange,
+        parentStep: 'eligibility',
+        schema: [
+          {
+            $el: 'div',
+            attrs: {
+              class: ['rpl-content', 'rpl-u-padding-b-4']
+            },
+            children: [
+              {
+                $el: 'p',
+                children:
+                  'Congratulations! Based on the information you have provided, you are eligible to apply for this grant.'
+              }
+            ]
+          }
+        ]
+      },
+      {
+        $step: true,
+        id: 'review',
+        key: 'review',
+        name: 'review',
+        title: 'Review',
+        nextButton: 'Submit',
+        prevButton: 'Go backwards',
+        schema: [
+          {
+            $formkit: 'RplFormReview',
+            key: 'review_component'
+          }
+        ]
+      }
+    ]
+  }
+}
diff --git a/packages/ripple-ui-forms/src/components/RplForm/fixtures/before-step-change.ts b/packages/ripple-ui-forms/src/components/RplForm/fixtures/before-step-change.ts
new file mode 100644
index 0000000000..3c06545fe7
--- /dev/null
+++ b/packages/ripple-ui-forms/src/components/RplForm/fixtures/before-step-change.ts
@@ -0,0 +1,78 @@
+import type { StepChangeData } from '@formkit/addons'
+export const handleEligibilityStepChange = async ({
+  currentStep,
+  targetStep,
+  delta
+}: StepChangeData) => {
+  console.log('beforeStepChange', { currentStep, targetStep, delta })
+
+  const parentBeforeStepChange =
+    currentStep.node.parent?.props?.beforeStepChange
+
+  if (typeof parentBeforeStepChange === 'function') {
+    const isParentAllowed = await parentBeforeStepChange({
+      currentStep,
+      targetStep,
+      delta
+    })
+
+    if (!isParentAllowed) {
+      return false
+    }
+  }
+
+  if (delta > 0 && !currentStep.isValid) {
+    return false
+  }
+
+  // Delta < 0 indicates navigating backwards.
+  // We want to allow users to navigate back to the eligibility step, but prevent navigating back to the branch steps once they've moved past them.
+  if (delta < 0) {
+    const branchSteps = ['eligible', 'not-eligible']
+    const isCurrentBranchStep = branchSteps.includes(currentStep.node.name)
+    const isTargetBranchStep = branchSteps.includes(targetStep.node.name)
+
+    // Allow branch step -> eligibility directly (no interception).
+    if (isCurrentBranchStep && targetStep.node.name === 'eligibility') {
+      return true
+    }
+
+    // Prevent navigating backwards between branch steps.
+    if (isCurrentBranchStep && isTargetBranchStep) {
+      currentStep.node.parent?.goTo('eligibility')
+      return false
+    }
+
+    // Prevent review from going back to a branch step directly.
+    if (currentStep.node.name === 'review' && isTargetBranchStep) {
+      currentStep.node.parent?.goTo('eligibility')
+      return false
+    }
+
+    return true
+  }
+
+  if (currentStep.node.name === 'eligibility') {
+    const value = currentStep.value ?? {}
+    const address = (value as any).address ?? {}
+    const organization = address.organization
+
+    const desiredStep = organization === 'test' ? 'eligible' : 'not-eligible'
+
+    if (desiredStep !== targetStep.node.name) {
+      currentStep.node.parent?.goTo(desiredStep)
+      return false
+    }
+  }
+
+  if (currentStep.node.name === 'eligible') {
+    return true
+  }
+
+  if (currentStep.node.name === 'not-eligible') {
+    currentStep.node.parent?.goTo('eligibility')
+    return false
+  }
+
+  return true
+}
diff --git a/packages/ripple-ui-forms/src/components/RplFormReview/RplFormReview.vue b/packages/ripple-ui-forms/src/components/RplFormReview/RplFormReview.vue
index 99f3bd7804..2f7ff8dd50 100644
--- a/packages/ripple-ui-forms/src/components/RplFormReview/RplFormReview.vue
+++ b/packages/ripple-ui-forms/src/components/RplFormReview/RplFormReview.vue
@@ -3,6 +3,7 @@ import { computed, inject } from 'vue'
 import { FormKitSchemaNode } from '@formkit/core'
 import { isValid, parse } from 'date-fns'
 import { formatDate } from '@dpc-sdp/ripple-ui-core'
+import RplSummaryList from '@dpc-sdp/ripple-ui-core/components/summary-list/RplSummaryList.vue'
 import { IRplFormProvidedState, RplFormKitStepNode } from '../../types'
 
 interface Props {
diff --git a/packages/ripple-ui-forms/src/components/RplFormStep/RplFormStep.vue b/packages/ripple-ui-forms/src/components/RplFormStep/RplFormStep.vue
index 50fcbec795..1ace4d0a87 100644
--- a/packages/ripple-ui-forms/src/components/RplFormStep/RplFormStep.vue
+++ b/packages/ripple-ui-forms/src/components/RplFormStep/RplFormStep.vue
@@ -7,9 +7,11 @@
     :input-errors="inputErrors"
     :previous-label="prevButton"
     :next-label="nextButton"
+    :before-step-change="beforeStepChange"
+    @node="setStepNode"
   >
     <button
-      v-if="number > 1"
+      v-if="number > 1 && prevButton"
       type="button"
       class="rpl-form__step-prev rpl-u-focusable-block rpl-type-p rpl-u-margin-b-8"
       @click="handleBack"
@@ -44,7 +46,7 @@
     <template #stepPrevious></template>
     <template #stepNext="{ handlers, node }">
       <RplButton
-        v-if="!node.context.isLastStep"
+        v-if="!node.context.isLastStep && nextButton"
         class="rpl-form__step-next"
         variant="filled"
         @click="handlers.next"
@@ -58,12 +60,13 @@
 <script setup lang="ts">
 import { inject, nextTick, type Ref, ref, watch } from 'vue'
 import {
+  type FormKitNode,
   type FormKitSchemaCondition,
-  type FormKitSchemaNode,
-  getNode
+  type FormKitSchemaNode
 } from '@formkit/core'
 import useFormFocus from '../../composables/useFormFocus'
 import { useEventContext } from '@dpc-sdp/ripple-ui-core'
+import RplFormAlert from './../RplFormAlert/RplFormAlert.vue'
 import { IRplFormProvidedState } from '../../types'
 
 interface Props {
@@ -82,6 +85,7 @@ interface Props {
     text: string
   }[]
   activeStep: string | undefined
+  beforeStepChange?: (prev: any, next: any) => {} | undefined
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -89,17 +93,36 @@ const props = withDefaults(defineProps<Props>(), {
   nextButton: 'Continue',
   prevButton: 'Back',
   data: () => ({}),
-  errors: () => []
+  errors: () => [],
+  beforeStepChange: undefined
 })
 
 const { focusFormElement } = useFormFocus()
 const formEl: IRplFormProvidedState | undefined = inject('form')
 
 const stepErrorsRef = ref(null)
+const stepNodeRef = ref<FormKitNode | null>(null)
 const inputErrors: Ref<Record<string, string[]>> | undefined =
   inject('inputErrors')
 
-const handleBack = () => getNode(props.form)?.previous()
+const setStepNode = (node: FormKitNode) => {
+  stepNodeRef.value = node
+}
+
+const handleBack = () => {
+  const stepsNode = stepNodeRef.value?.parent
+
+  if (!stepsNode) {
+    return
+  }
+
+  if (typeof (stepsNode as any).previous === 'function') {
+    ;(stepsNode as any).previous()
+    return
+  }
+
+  stepsNode.context?.handlers?.previous?.()
+}
 
 useEventContext({
   contextStep: props.title,
diff --git a/packages/ripple-ui-forms/src/components/RplFormSteps/RplFormSteps.vue b/packages/ripple-ui-forms/src/components/RplFormSteps/RplFormSteps.vue
index 58fa1c114f..66040e2a16 100644
--- a/packages/ripple-ui-forms/src/components/RplFormSteps/RplFormSteps.vue
+++ b/packages/ripple-ui-forms/src/components/RplFormSteps/RplFormSteps.vue
@@ -8,14 +8,14 @@
     :allow-incomplete="true"
     :before-step-change="handleStepChange"
   >
-    <template #tabs="{ steps, activeStep }">
+    <template #tabs="{ activeStep }">
       <RplProgress
         v-if="layout === 'default'"
         :id="`${id}-progress`"
         class="rpl-form__progress rpl-col-4-m rpl-col-12"
-        :current-step-id="activeStep"
+        :current-step-id="getActiveStep(activeStep)"
         :auto-expandable="true"
-        :steps="getProgress(steps)"
+        :steps="progressSteps"
       />
     </template>
     <template #steps="{ activeStep }">
@@ -39,6 +39,7 @@
           :nextButton="step.nextButton"
           :prevButton="step.prevButton"
           :activeStep="activeStep"
+          :beforeStepChange="step.beforeStepChange"
         />
       </div>
     </template>
@@ -50,6 +51,8 @@ import { ref } from 'vue'
 import { useMediaQuery } from '@vueuse/core'
 import type { BeforeStepChange } from '@formkit/addons'
 import { RplFormKitStepNode } from '../../types'
+import RplFormStep from './../RplFormStep/RplFormStep.vue'
+import RplProgress from '@dpc-sdp/ripple-ui-core/components/progress/RplProgress.vue'
 
 interface Props {
   id: string
@@ -64,7 +67,7 @@ interface Props {
   layout?: 'default' | 'compact'
 }
 
-withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<Props>(), {
   schema: undefined,
   data: () => ({}),
   errors: () => [],
@@ -74,11 +77,22 @@ withDefaults(defineProps<Props>(), {
 const formStepsRef = ref<HTMLElement>()
 const prefersReducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)')
 
-const getProgress = (steps = []) => {
-  return (steps || []).map(({ id, stepName }) => ({
-    id,
-    label: stepName
-  }))
+const progressSteps =
+  props.schema &&
+  props.schema
+    .filter((item: RplFormKitStepNode) => item.$step && !item.parentStep)
+    .map(({ id, title }) => ({ id, label: title }))
+
+const getActiveStep = (activeStep: string) => {
+  const currentStep = props.schema?.find(
+    (step) => step.key === activeStep || step.name === activeStep
+  )
+
+  if (!currentStep?.parentStep) {
+    return activeStep
+  }
+
+  return currentStep.parentStep
 }
 
 const focus = () => {
diff --git a/packages/ripple-ui-forms/src/types.ts b/packages/ripple-ui-forms/src/types.ts
index 8a08958d70..4d3a727a8a 100644
--- a/packages/ripple-ui-forms/src/types.ts
+++ b/packages/ripple-ui-forms/src/types.ts
@@ -22,4 +22,6 @@ export type RplFormKitStepNode = {
   nextButton: string
   prevButton: string
   schema: FormKitSchemaNode[]
+  parentStep?: string
+  beforeStepChange?: (data: any) => Promise<boolean> | boolean
 } & FormKitSchemaProps