Skip to content

Table Actions Drawer

Transform the standard row actions dropdown into a slide-out drawer panel from the right side of the screen.

Setup

Add the aura-drawer-actions class to your table via extraAttributes():

use Filament\Tables\Table;

public static function table(Table $table): Table
{
    return $table
        ->extraAttributes(['class' => 'aura-drawer-actions'])
        ->actions([
            Tables\Actions\ViewAction::make(),
            Tables\Actions\EditAction::make(),
            Tables\Actions\DeleteAction::make(),
        ]);
}

Behavior

  • With the class: Row action dropdown opens as a fixed 320px drawer from the right, with "Actions" header, full-width action items, and subtle separators
  • Without the class: Standard Filament dropdown behavior is preserved

Styling

  • Drawer slides in from the right with a smooth CSS transition
  • Actions displayed as a vertical list with generous padding
  • Hover state uses primary color tint
  • Danger actions (like Delete) render in red
  • Full dark mode support
  • Semi-transparent backdrop overlay

Notes

  • Opt-in per table — only tables with the class get the drawer
  • No JavaScript needed — pure CSS positioning and transitions
  • Works with any number of actions