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:

Select All Items in a Dropdown Select

Let Users to Select All Options with a Simple Hint Action

Make components globally translatable

Translating components can often be a repetitive task, Fortunately, there's a neat trick to automate this process, making your components instantly translatable.

Attach custom forms to any model

Form Builder lets you build dynamic, versioned forms in Filament and attach them to any model. Responses are stored in JSON with zero boilerplate.

Trigger hint action on hover

toggle the visibility of an action when hover the component

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.