PHPackages                             muath-ye/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. [Templating & Views](/categories/templating)
4. /
5. muath-ye/livewire-wizard

ActiveLibrary[Templating & Views](/categories/templating)

muath-ye/livewire-wizard
========================

Laravel Livewire Wizard (Multi-Step Form) component

v1.1(4y ago)05MITPHPPHP ^8.1

Since Feb 26Pushed 4y agoCompare

[ Source](https://github.com/muath-ye/livewire-wizard)[ Packagist](https://packagist.org/packages/muath-ye/livewire-wizard)[ Docs](https://github.com/vildanbina/livewire-wizard)[ GitHub Sponsors](https://github.com/vildanbina)[ RSS](/packages/muath-ye-livewire-wizard/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (3)Versions (3)Used By (0)

[![Latest Stable Version](https://camo.githubusercontent.com/529521f6e3587460e4ad7274b8504188608929571bcf701b9a6f3dcfdef8ba17/687474703a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d77697a6172642f76)](https://packagist.org/packages/vildanbina/livewire-wizard)[![Total Downloads](https://camo.githubusercontent.com/f22fd343d4e66bf06d59cc97904080e9333ddeb2655766f82946aa5b9a2a82e7/687474703a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d77697a6172642f646f776e6c6f616473)](https://packagist.org/packages/vildanbina/livewire-wizard)[![Latest Unstable Version](https://camo.githubusercontent.com/8046d7b40cabc040ab042ac5601cc07329d54b1f3fe72acd05b1f3edb2227519/687474703a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d77697a6172642f762f756e737461626c65)](https://packagist.org/packages/vildanbina/livewire-wizard)[![License](https://camo.githubusercontent.com/ecebcc13d58aba0ef08ac56aef832882f49344c693466854739457e055f020e4/687474703a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d77697a6172642f6c6963656e7365)](https://packagist.org/packages/vildanbina/livewire-wizard)[![PHP Version Require](https://camo.githubusercontent.com/9abeba32fabdc79252e0c363c701db067bb04f5e6f8405448270980e7e323f9c/687474703a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d77697a6172642f726571756972652f706870)](https://packagist.org/packages/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 vildanbina/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:

```