Usage
Extend the LivewireFormWizard component to create your own form wizard with your custom steps and form fields as shown above.
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
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
Please login to View/Download the Code
Please login to View/Download the 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!Step 2 Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores facere quisquam, voluptas architecto ducimus ipsa doloremque magnam deserunt, tempora, perferendis iure sint hic incidunt ex placeat. Praesentium qui veritatis inventore.Step 3 Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam molestias magnam ex quae quibusdam maxime autem dolor ratione. Suscipit, impedit eaque aperiam earum tempora incidunt id atque! Facilis, quo magnam.Step 4 Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo nemo nihil fugit? Quo tenetur incidunt, delectus unde officiis inventore nam reiciendis, voluptatum temporibus expedita cumque ad quasi at deserunt eos!Step 5 Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta earum optio cumque laboriosam provident, molestiae a fuga assumenda exercitationem cupiditate soluta in quidem nam nobis corrupti saepe, est nihil asperiores?Step 6 Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore ipsa cumque mollitia voluptatem, quae nobis quaerat a nesciunt cupiditate modi amet eos soluta, dolores possimus sequi obcaecati animi nulla totam!
Code
Sorry, this component's code is restricted
Sorry, this component's code is restricted
Usage
@livewire('alpine-stepper)