How can I give a transition to a livewire component using AlpineJS?

[toxifiedmatrix]

How can I give a transition to a livewire component using alpine.js. The button which opens the modal to create or update entries is in the index.blade.php view, when the button is clicked, it loads the livewire component for the modal i.e. create.blade.php. How can I give a transition to that element, on click of the button which is present in the index.blade.php. Sorry for being a noob, but I'm new to alpine. Experienced players, please help me!

Included the modal component in the index.blade.php using the below piece of code.

@if($isOpen)
    @include('livewire.master-menu.create')
@endif

Linked the event to the create button in the index.blade.php.

<button wire:click="showModal()">Create</button>

Then the usual code for the modal in the component which I want to animate. It shows up after I click the create button.
Borrowed the code for the modal component from here, https://tailwindui.com/preview#component-47a5888a08838ad98779d50878d359b3. I want the same animation as in the preview.