Copied to clipboard on suffix action

By: Lalhmangaihenga

Published: 08 Apr 2024 Updated: 08 Aug 2026

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:

Trigger hint action on hover

toggle the visibility of an action when hover the component

Copied to clipboard on suffix action

Custom copy action, click the icon to copy the content

Implementing Authorization for Creating Options

How to Apply Authorization on Create Option Action for Select Field

Select All Items in a Dropdown Select

Let Users to Select All Options with a Simple Hint Action

Use translatable for relations in select components

get translatable attribute in a relationships