
Copied to clipboard on suffix action
- 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 ),

Related Tricks:
make all Field or any components translatable
Bring the sticky actions back form filament v2
Usability: Knowing whether or not the record was saved.
Custom copy action, click the icon to copy the content
Sometimes, when we need to test our application locally, we always have to fill forms manually. Let's take the Filament approach and achieve this with more accurate data.