Register User Modal using Livewire & TailwindCSS

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>