Filament Tip: Edit Modal SlideOver

In Filament simple resources, you can edit the record in a modal window. Did you know there's a way to show that modal not in the center of the screen, but sliding out from the right side? In this short tutorial, I will show you how.

First, your Filament Resource needs to be a Simple Resource. To create it just pass the --simple option.

php artisan make:filament-resource Task --simple

Now, you would add an Action to Edit/Delete the record, right? So, for every action, you can add slideOver() to change how the modal looks.


class TaskResource extends Resource
public static function table(Table $table): Table
return $table

Here's how the default modal looks like, without the slideOver():

original filament modal view

Now, here it is after adding the slideOver() option:

filament modal slide over

Source of this tip:

If you want more Filament examples, you can find more real-life projects on our

No comments or questions yet...

Like our articles?

Become a Premium Member for $129/year or $29/month
What else you will get:
  • 52 courses (943 lessons, total 46 h 42 min)
  • 75 long-form tutorials (one new every week)
  • access to project repositories
  • access to private Discord

Recent Premium Tutorials