Usage
Extend the LivewireFormWizard component to create your own form wizard with your custom steps and form fields as shown above.
A reusable livewire form wizard component along with validation support.
UI Stack: Tailwind CSS
Extend the LivewireFormWizard component to create your own form wizard with your custom steps and form fields as shown above.
Stepper component using laravel livewire and tailwindcss
UI Stack: Tailwind CSS
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.
@livewire('livewire-step-wizard')
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!
@livewire('alpine-stepper)