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

Usability: Knowing whether or not the record was saved.

Attach custom forms to any model

Form Builder lets you build dynamic, versioned forms in Filament and attach them to any model. Responses are stored in JSON with zero boilerplate.

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.

Bypass required when save as draft

Unrequire fields recursively when saving as draft

Trigger hint action on hover

toggle the visibility of an action when hover the component