resources/views/livewire/backend/user/form.blade.php
<div class="flex justify-center">
    <form wire:submit.prevent="submit" class="w-full md:w-1/4 px-3">
        <div>
            <x-backend.form.select wire:model="userData.role" name="userData.role">
                <option value="">Select role*</option>
                @foreach($roles as $role)
                    <option value="{{$role->id}}">{{ucwords($role->name)}}</option>
                @endforeach
            </x-backend.form.select>
        </div>

        <div class="mt-3">
            <x-backend.form.input wire:model="userData.name" name="userData.name" placeholder="Name*" class="w-full"/>
        </div>
        <div class="mt-3">
            <x-backend.form.input wire:model="userData.username" name="userData.username" placeholder="Username" class="w-full"/>
        </div>
        <div class="mt-3">
            <x-backend.form.input wire:model="userData.email" name="userData.email" placeholder="Email*" class="w-full"/>
        </div>
        <div class="mt-3">
            <x-backend.form.button>Save</x-backend.form.button>
        </div>
    </form>
</div>
