Register User Modal using Livewire & TailwindCSS

Tech Stack: tailwindcss, alpine-js, livewire

Demo

Code
Please login to View/Download the Code

Sorry, this component's code is restricted
Get Livewiredemos-Pro
Sorry, this component's code is restricted
Get Livewiredemos-Pro

Usage

You need to include the create user modal component in the file from where you want to invoke the modal. Include it in the global template if you want the modal to be opened up from anywhere in your application.


@livewire('add-new-user-component')

To show the modal you need to pass the information using events. For example, as shown in the demo above to open it with the click of a button you can do it like below.


  <button x-data={} x-on:click="window.livewire.emitTo('add-new-user-component','showModal')" class="btn btn-primary text-white">Add New User</button>