Initial commit

Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>

library/examples/modal-wizard.mdx

@@ -0,0 +1,26 @@
+---
+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>