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:

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

Form Builder Pesting with Livewire Volt

I’ll guide you on how to test your Form Builder using Livewire Volt with a class-based component.

Disabling the cancel button on the filament editing form

Usability: Knowing whether or not the record was saved.

Select All Items in a Dropdown Select

Let Users to Select All Options with a Simple Hint Action