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

How to Apply Authorization on Create Option Action for Select Field

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.

Globally Translate all Components

make all Field or any components translatable

Sticky Actions In Forms

Bring the sticky actions back form filament v2

Copied to clipboard on suffix action

Custom copy action, click the icon to copy the content