Copied to clipboard on suffix action

By: Lalhmangaihenga

Published: 08 Apr 2024 Updated: 04 May 2024

Custom copy action, click the icon to copy the content

 1use Filament\Forms\Components\Actions\Action;
 2
 3Forms\Components\TextInput::make('copyContent')
 4    ->suffixAction(
 5        Action::make('copy')
 6            ->icon('heroicon-s-clipboard-document-check')
 7            ->action(function ($livewire, $state) {
 8                $livewire->js(
 9                    'window.navigator.clipboard.writeText("'.$state.'");
10                    $tooltip("'.__('Copied to clipboard').'", { timeout: 1500 });'
11                );
12            })
13    ),

Back to Tricks

Related Tricks:

Sticky Actions In Forms

Bring the sticky actions back form filament v2

Demonstration of using a resource for multiple typical models

how to use a resource with multiple models

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