Trigger hint action on hover - FilamentPHP Glow

Trigger hint action on hover

By: Lara Zeus

Published: 25 Mar 2024 Updated: 08 Aug 2026

toggle the visibility of an action when hover the component

 1Grid::make()
 2    ->extraAttributes([
 3        'class' => 'group',
 4    ])
 5    ->schema([
 6        TextInput::make('name')
 7            ->extraInputAttributes([
 8                'class' => 'group',
 9            ])
10            ->hintAction(
11                Action::make('copy')
12                    ->extraAttributes([
13                        'class' => 'bord hidden group-hover:block',
14                    ]),
15            ),
16]),

Back to Tricks

Related Tricks:

Bypass required when save as draft

Unrequire fields recursively when saving as draft

Sticky Actions In Forms

Bring the sticky actions back form filament v2

Copied to clipboard on suffix action

Custom copy action, click the icon to copy the content

Globally Translate all Components

make all Field or any components translatable

Filament form with factory data

Sometimes, when we need to test our application locally, we always have to fill forms manually. Let's take the Filament approach and achieve this with more accurate data.