Trigger hint action on hover - FilamentPHP Glow

Trigger hint action on hover

By: php coder

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:

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.

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.

Trigger hint action on hover

toggle the visibility of an action when hover the component

Copied to clipboard on suffix action

Custom copy action, click the icon to copy the content

Sticky Actions In Forms

Bring the sticky actions back form filament v2