A Signature Pad Field for the FilamentPHP Form Builder using szimek/signature_pad
You can install the package via composer:
composer require skuzalabs/filament-signature-pad
You can now use the SignaturePad field in your form builder.
use Skuzalabs\SignaturePad\Forms\Components\Fields\SignaturePad;
public static function form(Form $form): Form
{
return $form
->schema([
// ... Other fields
SignaturePad::make('signature'), // Chain your field modifiers here
// Other fields
]);
}
You can also set the Signature Pad Options as shown below. See SignaturePad Options Docs for more details.
use Skuzalabs\SignaturePad\Forms\Components\Fields\SignaturePad;
public static function form(Form $form): Form
{
return $form
->schema([
// ... Other fields
SignaturePad::make('signature')
->strokeMinWidth(1.0)
->strokeMaxWidth(2.5)
->strokeDotSize(2.0)
->penColor('rgb(0,0,255)') // Blue
->backgroundColor('rgba(0,0,0,0)'), // Black Transparent
// Other fields
]);
}
Upon Saving, the signature image is saved to the database as a png data url. Plans are underway to also support uploading the signature to the server as an image blob file.
composer test
The MIT License (MIT). Please see License File for more information.