<x-modal> <x-slot name="title"> <h3 class="text-lg font-medium text-gray-900">{{ __('Edit Comment') }}</h3> </x-slot> <x-slot name="content"> <div class="px-4 py-5 bg-white sm:p-6"> <div class="w-full"> <div class="mt-1 relative rounded-md"> <textarea id="message" wire:model="message" rows="4" class="rounded-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 w-full" ></textarea> </div> @error('message') <p class="text-sm mt-2 text-red-500"> {{ $message }} </p> @enderror </div> </div> </x-slot> <x-slot name="footer"> <div> <div wire:loading wire:target="submit" class="px-4 py-2" > <i class="fas fa-spinner fa-spin"></i> </div> <button wire:loading.attr="disabled" wire:click="submit" class="px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:bg-indigo-500 active:bg-indigo-600 shadow-sm focus:outline-none focus:shadow-outline-blue transition duration-150 ease-in-out" > {{ __('Submit') }} </button> </div> </x-slot> </x-modal>
info at phpclasses dot org