Filament•3mo ago

is it possible to add dividers in a grouped action blade / livewire component?

I see that you can add dividers to an action group here: https://filamentphp.com/docs/3.x/actions/grouping-actions#adding-dividers-between-actions. Is it possible to do it in a livewire component where you're defining the action group in blade?

        <x-filament-actions::group :actions="[
            ($this->markTaskCompletedAction)(['id' => $taskId]),
            //divider?
                        //other actions
        ]" />

        <x-filament-actions::group :actions="[
            ($this->markTaskCompletedAction)(['id' => $taskId]),
            //divider?
                        //other actions
        ]" />

Grouping actions - Actions - Filament

2 Replies

Tieme•3mo ago

Yes this it possible. You can checkout all the code of fillament on Github and start looking how it should be done, Below is the code you can find in https://github.com/filamentphp/filament/blob/2f5ac6078d522672a437b56d573a78ecf869a67a/docs-assets/app/resources/views/livewire/actions.blade.php#L106-L114

<x-filament-actions::group
    :actions="[
        \Filament\Actions\ActionGroup::make([
            \Filament\Actions\Action::make('view'),
            \Filament\Actions\Action::make('edit'),
        ])->dropdown(false),
        \Filament\Actions\Action::make('delete'),
    ]"
/>

<x-filament-actions::group
    :actions="[
        \Filament\Actions\ActionGroup::make([
            \Filament\Actions\Action::make('view'),
            \Filament\Actions\Action::make('edit'),
        ])->dropdown(false),
        \Filament\Actions\Action::make('delete'),
    ]"
/>

GitHub

filament/docs-assets/app/resources/views/livewire/actions.blade.php...

A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. - filamentphp/filament

Jon Mason•3mo ago

Thanks I'll check it out!

Gaming

Programming

is it possible to add dividers in a grouped action blade / livewire component?