---
title: Modal Wizard in Popup
hide_title: true
---
import ImportButton from '/src/components/importbutton'
import ReactPlayer from 'react-player'

# Modal Wizard in Popup

<ReactPlayer
    playing
    autoplay
    muted
    loop
    url="modal-wizard/component-stack-final.mp4"
/>

This example shows how to use a [Component Stack](/nodes/component-stack/component-stack-node) in combination with a **Popup** to create a simple modal wizard-type of form to create new items in an **Array**. You can follow the guides for creating a [Popup](/docs/guides/navigation/popups) and [using a Component Stack](/docs/guides/navigation/component-stack) to walk through the example in detail.

<div className="ndl-image-with-background m">

![](/library/examples/modal-wizard/final-1.png)

<ImportButton zip="/library/examples/modal-wizard/component-stack-1.zip" name="Modal Wizard In Popup" thumb="/library/examples/modal-wizard/final-1.png" />

</div>
