mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-11 06:42:55 +01:00
53f0d6320e
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>
27 lines
946 B
Plaintext
27 lines
946 B
Plaintext
---
|
|
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">
|
|
|
|
|
|
|
|
<ImportButton zip="/library/examples/modal-wizard/component-stack-1.zip" name="Modal Wizard In Popup" thumb="/library/examples/modal-wizard/final-1.png" />
|
|
|
|
</div>
|