Create a Wizard Component! | Multiple Step Form in Svelte | SvelteKit

Create a Wizard Component! | Multiple Step Form in Svelte | SvelteKit

Consulting Ninja

1 год назад

2,382 Просмотров

This is super sweet! I love making wizards and so this was really fun! This is the basic setup for a wizard component. I cover how to modify a modal window component from a Svelte REPL and convert it into a Wizard. I show how to setup your stores, how to bind arrays of components in the dynamic forms to the stores and how to pass all the data to a backend action when the form is ready to be submitted! This was really fun to put together and I hope everyone likes this. A great starting place to implement a wizard in your applications!

My channel membership is live check it out here!:
https://www.youtube.com/channel/UCwPrPv9eS7Xgfp_wi7uxt0g/join

Membership perk video:
https://youtu.be/FJgKifAThdU

Need help? visit https://www.consultingninja.tech
Check out my channel @ConsultingNinja for more videos like these.

Source Code Available Here:
https://github.com/consultingninja/svelteWizard

Register Form Video Here:
https://youtu.be/pwgLkAKp4Ik

Тэги:

#multi_step_form #multi_part_form #multiple_step_form #wizard #wizard_component #sveltekit #SvelteKit #Svelte_Kit #svelte_kit #Svelte #svelte_forms #multiple_part_form #wizard_forms #Svelte_Component #dialog_form #wizard_dialog_form #form_dialog #form_dialog_state #svelte #development #framework #javascript #front-end #frontend #dev #project #tutorial #beginner #Project #Tutorial #code_along #component_tutorial #two_part_form_demo #multi_part_form_tutorial
Ссылки и html тэги не поддерживаются


Комментарии: