Calling Action Modal from parent livewire component

Hi, I'm having a "card" livewire component that's inside a loop from the parent component. The card component has a delete action with confirmation.

The docs say the <x-filament-actions::modals /> needs to be in the same component as the action and that's true. However, if I do it like this, a modal gets rendered for each card, instead of just having one.

Is there any better solution for this? Like calling the modal from the parent?
Solution
Technically it’s not wrong to have it in each card. What exactly is happening. Is it showing multiple modals when you click the button?
Was this page helpful?