Adding a custom action component through a ViewColumn

I've created a action component in which I have included a method :

public function joinAction(): Action
    {
        return Action::make('join')
            ->requiresConfirmation()
            ->action(function () {
                dd('foo');
            });
    }


And on the view (blade) file i'm using {{ $this->joinAction }} like:

<div>
    {{ $this->joinAction }}

    <x-filament-actions::modals/>
</div>



But i'm still getting an error that Property [$joinAction] not found on component:

What would be the correct setup to achieve this?
Was this page helpful?