PHPackages                             loubal70/livewire-wizard - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. loubal70/livewire-wizard

ActiveLibrary[Utility & Helpers](/categories/utility)

loubal70/livewire-wizard
========================

Laravel Livewire Wizard (Multi-Step Form) component

v1.1(2y ago)129MITPHPPHP ^8.0|^8.1

Since May 15Pushed 2y agoCompare

[ Source](https://github.com/Loubal70/livewire-wizard)[ Packagist](https://packagist.org/packages/loubal70/livewire-wizard)[ Docs](https://github.com/loubal70/livewire-wizard)[ GitHub Sponsors](https://github.com/vildanbina)[ RSS](/packages/loubal70-livewire-wizard/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (2)Dependencies (2)Versions (3)Used By (0)

[![Latest Stable Version](https://camo.githubusercontent.com/e0f29cd3383778f7508127ca5e5a8690cca28602b843ad215bcb37409d1d3a83/687474703a2f2f706f7365722e707567782e6f72672f6c6f7562616c37302f6c697665776972652d77697a6172642f76)](https://packagist.org/packages/loubal70/livewire-wizard)[![Total Downloads](https://camo.githubusercontent.com/625c07dcd67ba2e0ef3958094de5a53150f822dc67b8005c62f23eadfe1c3758/687474703a2f2f706f7365722e707567782e6f72672f6c6f7562616c37302f6c697665776972652d77697a6172642f646f776e6c6f616473)](https://packagist.org/packages/loubal70/livewire-wizard)[![Latest Unstable Version](https://camo.githubusercontent.com/98adc1e07b56e1d062918666c6ace4fdcb4fe70614ad6f894d05c4d90fbf71e3/687474703a2f2f706f7365722e707567782e6f72672f6c6f7562616c37302f6c697665776972652d77697a6172642f762f756e737461626c65)](https://packagist.org/packages/loubal70/livewire-wizard)[![License](https://camo.githubusercontent.com/175e9f8e5e1967a9708d2f40d5255887691606f6acd03bdec8de2ef1ff000d8b/687474703a2f2f706f7365722e707567782e6f72672f6c6f7562616c37302f6c697665776972652d77697a6172642f6c6963656e7365)](https://packagist.org/packages/loubal70/livewire-wizard)[![PHP Version Require](https://camo.githubusercontent.com/00565bb547b99f65e2a89557dd1c06379f60dee3f06e2f1cb0eb1c39252b9f09/687474703a2f2f706f7365722e707567782e6f72672f6c6f7562616c37302f6c697665776972652d77697a6172642f726571756972652f706870)](https://packagist.org/packages/loubal70/livewire-wizard)

This package is a fork of vildanbina/livewire-wizard

A dynamic Laravel Livewire component for multi steps form.

[![Multi steps form](https://user-images.githubusercontent.com/51203303/155848196-e3569891-cb63-499d-8079-a63a30925b77.png)](https://user-images.githubusercontent.com/51203303/155848196-e3569891-cb63-499d-8079-a63a30925b77.png)

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require loubal70/livewire-wizard
```

For UI design this package require [WireUI package](https://livewire-wireui.com) for details.

Alpine
------

[](#alpine)

Livewire Wizard requires [Alpine](https://github.com/alpinejs/alpine). You can use the official CDN to quickly include Alpine:

```

```

TailwindCSS
-----------

[](#tailwindcss)

The base modal is made with TailwindCSS. If you use a different CSS framework I recommend that you publish the modal template and change the markup to include the required classes for your CSS framework.

```
php artisan vendor:publish --tag=livewire-wizard-views
```

Usage
-----

[](#usage)

### Creating a wizard form

[](#creating-a-wizard-form)

You can create livewire component `php artisan make:livewire UserWizard` to make the initial Livewire component. Open your component class and make sure it extends the `WizardComponent` class:

```