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:
Translating components can often be a repetitive task, Fortunately, there's a neat trick to automate this process, making your components instantly translatable.
Form Builder lets you build dynamic, versioned forms in Filament and attach them to any model. Responses are stored in JSON with zero boilerplate.
toggle the visibility of an action when hover the component
make all Field or any components translatable
get translatable attribute in a relationships