logo light

Trigger hint action on hover

Image Description
By: Lara Zeus
  • Published: 25 Mar 2024 Updated: 04 May 2024
Forms

toggle the visibility of an action when hover the component

Trigger hint action on hover 
 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
logo light

Related Tricks:

Trigger hint action on hover

toggle the visibility of an action when hover the component

Disabling the cancel button on the filament editing form

Usability: Knowing whether or not the record was saved.

Copied to clipboard on suffix action

Custom copy action, click the icon to copy the content

Bypass required when save as draft

Unrequire fields recursively when saving as draft

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.