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

Copied to clipboard on suffix action

Custom copy action, click the icon to copy the content

Disabling the cancel button on the filament editing form

Usability: Knowing whether or not the record was saved.

Sticky Actions In Forms

Bring the sticky actions back form filament v2

Use translatable for relations in select components

get translatable attribute in a relationships