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:

Form Builder Pesting with Livewire Volt

I’ll guide you on how to test your Form Builder using Livewire Volt with a class-based component.

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

Implementing Authorization for Creating Options

How to Apply Authorization on Create Option Action for Select Field

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.