
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:
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.
how to use a resource with multiple models
Usability: Knowing whether or not the record was saved.
Form Builder lets you build dynamic, versioned forms in Filament and attach them to any model. Responses are stored in JSON with zero boilerplate.
Custom copy action, click the icon to copy the content