Form Wizards Components

Livewire Form Wizard with Validation Support

A reusable livewire form wizard component along with validation support.

UI Stack: Tailwind CSS

1 About You
2 Your Requirements
3 Finishing Up

Code

Sorry, this component's code is restricted
Sorry, this component's code is restricted
Sorry, this component's code is restricted
Sorry, this component's code is restricted

Usage

Extend the LivewireFormWizard component to create your own form wizard with your custom steps and form fields as shown above.

Simple Step Wizard using Laravel Livewire

Stepper component using laravel livewire and tailwindcss

UI Stack: Tailwind CSS

1 About You
2 Your Requirements
3 Finishing Up
Step Content 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. In, ad alias provident dolorem dicta voluptas doloremque accusantium, facere sit non exercitationem quasi perspiciatis tempora magnam consectetur autem numquam iusto quod.

Code

Sorry, this component's code is restricted
Sorry, this component's code is restricted

Usage

@livewire('livewire-step-wizard')

Simple Stepper Component using AlpineJS

Move between content using Previous and Next Steps in AlpineJS

UI Stack: Tailwind CSS

Step 1 Content

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem, laudantium. Est molestias rerum quas distinctio aut ut minima veritatis tenetur, labore corporis ratione sed dolore ducimus, recusandae vel harum placeat!

Code

Sorry, this component's code is restricted
Sorry, this component's code is restricted

Usage

@livewire('alpine-stepper)