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)