Simple Stepper Component using AlpineJS

Tech Stack: alpine-js

Demo

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
Get Livewiredemos-Pro
Sorry, this component's code is restricted
Get Livewiredemos-Pro

Usage


      @livewire('alpine-stepper)