у меня есть следующее в компоненте, хранящемся в resources/views/components/green-button.blade.php в laravel 8.
<button {{ $attributes->merge(['type' => 'button', 'class' => 'px-4 inline-flex justify-center py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500']) }}>
{{ $slot }}
</button>
Я использую его :
<x-green-button class="px-0"
title="Click to show or hide data entry for {{$person->firstname}}."
wire:click="toggleVisibility({{$person->id}})">
<h3 class="my-1">{{$person->FullName_fh}}</h3>
</x-green-button>
Компонент имеет отступ по оси x размером px-4. Я передаю px-0, но никакого эффекта нет. Что я делаю не так?
rbd