Skip to content

skuzalabs/filament-signature-pad

 
 

Repository files navigation

Signature Pad Field for Filamentphp Forms

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

img.png

A Signature Pad Field for the FilamentPHP Form Builder using szimek/signature_pad

Installation

You can install the package via composer:

composer require skuzalabs/filament-signature-pad

Usage

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
            ]);
    }

img_1.png

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.

Testing

composer test

Credits

License

The MIT License (MIT). Please see License File for more information.

About

Signature Pad Field for Filamentphp Forms

Resources

License

Security policy

Stars

Watchers

Forks

Packages

No packages published

Languages

  • PHP 48.2%
  • JavaScript 37.5%
  • Blade 14.2%
  • CSS 0.1%