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:

Bypass required when save as draft

Unrequire fields recursively when saving as draft

Use translatable for relations in select components

get translatable attribute in a relationships

Copied to clipboard on suffix action

Custom copy action, click the icon to copy the content

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