Trigger hint action on hover - FilamentPHP Glow

Trigger hint action on hover

By: Lara Zeus

Published: 25 Mar 2024 Updated: 04 May 2024

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:

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.

Disabling the cancel button on the filament editing form

Usability: Knowing whether or not the record was saved.

Demonstration of using a resource for multiple typical models

how to use a resource with multiple models

Globally Translate all Components

make all Field or any components 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.