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:

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.

Select All Items in a Dropdown Select

Let Users to Select All Options with a Simple Hint Action

Demonstration of using a resource for multiple typical models

how to use a resource with multiple models

Implementing Authorization for Creating Options

How to Apply Authorization on Create Option Action for Select Field

Disabling the cancel button on the filament editing form

Usability: Knowing whether or not the record was saved.