PHPackages                             vildanbina/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. vildanbina/livewire-wizard

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

vildanbina/livewire-wizard
==========================

Laravel Livewire Wizard (Multi-Step Form) component

v2.1(1y ago)34919.4k↓50%35MITPHPPHP ^8.1

Since Feb 26Pushed 1y ago5 watchersCompare

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

READMEChangelog (8)Dependencies (3)Versions (11)Used By (0)

[![Latest Stable Version](https://camo.githubusercontent.com/c97596af657d4eec106305da18aa0c89e0c19249f9372fa2232c801089ff1208/68747470733a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d77697a6172642f76)](https://packagist.org/packages/vildanbina/livewire-wizard)[![Total Downloads](https://camo.githubusercontent.com/a8b3ee50315bff65bb71df9cd50e8b3b341d18a199fb43d97c715edd9f0d5cf3/68747470733a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d77697a6172642f646f776e6c6f616473)](https://packagist.org/packages/vildanbina/livewire-wizard)[![Latest Unstable Version](https://camo.githubusercontent.com/3703029136a41e7622cf9f9a57af33322c57c9d12feaa8ef88d13e0de435e0a5/68747470733a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d77697a6172642f762f756e737461626c65)](https://packagist.org/packages/vildanbina/livewire-wizard)[![License](https://camo.githubusercontent.com/cc329e2fd5e7a8329dc8789c8b37b9fa802f495400ae3354e16ece5adb40a383/68747470733a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d77697a6172642f6c6963656e7365)](https://packagist.org/packages/vildanbina/livewire-wizard)[![PHP Version Require](https://camo.githubusercontent.com/75613eb07343e154cc301b378da4b07cacfce9bc8ef6af61890df50826114c84/68747470733a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d77697a6172642f726571756972652f706870)](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:

```