{"id":22189895,"url":"https://github.com/saade/filament-autograph","last_synced_at":"2025-04-05T23:05:00.844Z","repository":{"id":189740928,"uuid":"680936992","full_name":"saade/filament-autograph","owner":"saade","description":"A Filament package to collect signatures.","archived":false,"fork":false,"pushed_at":"2025-03-19T13:35:46.000Z","size":841,"stargazers_count":56,"open_issues_count":6,"forks_count":9,"subscribers_count":1,"default_branch":"3.x","last_synced_at":"2025-03-30T14:56:08.651Z","etag":null,"topics":["autograph","filament","form-builder","laravel","signature","signaturepad"],"latest_commit_sha":null,"homepage":"https://filamentphp.com/plugins/saade-autograph","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saade.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["saade"]}},"created_at":"2023-08-20T22:04:00.000Z","updated_at":"2025-03-25T19:15:27.000Z","dependencies_parsed_at":"2024-01-01T07:29:22.981Z","dependency_job_id":"c5f57a17-8948-41c3-9b58-c48b17eeee00","html_url":"https://github.com/saade/filament-autograph","commit_stats":null,"previous_names":["saade/filament-autograph"],"tags_count":6,"template":false,"template_full_name":"filamentphp/plugin-skeleton","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saade%2Ffilament-autograph","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saade%2Ffilament-autograph/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saade%2Ffilament-autograph/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saade%2Ffilament-autograph/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saade","download_url":"https://codeload.github.com/saade/filament-autograph/tar.gz/refs/heads/3.x","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247411225,"owners_count":20934653,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autograph","filament","form-builder","laravel","signature","signaturepad"],"created_at":"2024-12-02T11:39:51.161Z","updated_at":"2025-04-05T23:05:00.811Z","avatar_url":"https://github.com/saade.png","language":"PHP","funding_links":["https://github.com/sponsors/saade"],"categories":[],"sub_categories":[],"readme":"# Filament Autograph\n\n[![Latest Version on Packagist](https://img.shields.io/packagist/v/saade/filament-autograph.svg?style=flat-square)](https://packagist.org/packages/saade/filament-autograph)\n[![Total Downloads](https://img.shields.io/packagist/dt/saade/filament-autograph.svg?style=flat-square)](https://packagist.org/packages/saade/filament-autograph)\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/saade/filament-autograph/3.x/art/cover.png\" alt=\"Banner\" style=\"width: 100%; max-width: 800px; border-radius: 10px\" /\u003e\n\u003c/p\u003e\n\n## Installation\n\nYou can install the package via composer:\n\n```bash\ncomposer require saade/filament-autograph\n```\n\n## Usage\n\n```php\nuse Saade\\FilamentAutograph\\Forms\\Components\\SignaturePad;\n\nSignaturePad::make('signature')\n```\n\n## Configuration\n### SignaturePad options.\n\u003e For reference: [https://github.com/szimek/signature_pad#options](https://github.com/szimek/signature_pad#options)\n```php\nuse Saade\\FilamentAutograph\\Forms\\Components\\SignaturePad;\n\nSignaturePad::make('signature')\n    -\u003elabel(__('Sign here'))\n    -\u003edotSize(2.0)\n    -\u003elineMinWidth(0.5)\n    -\u003elineMaxWidth(2.5)\n    -\u003ethrottle(16)\n    -\u003eminDistance(5)\n    -\u003evelocityFilterWeight(0.7)\n```\n\n### Customizing the pad background and pen color.\n```php\nuse Saade\\FilamentAutograph\\Forms\\Components\\SignaturePad;\n\nSignaturePad::make('signature')\n    -\u003ebackgroundColor('rgba(0,0,0,0)')  // Background color on light mode\n    -\u003ebackgroundColorOnDark('#f0a')     // Background color on dark mode (defaults to backgroundColor)\n    -\u003eexportBackgroundColor('#f00')     // Background color on export (defaults to backgroundColor)\n    -\u003epenColor('#000')                  // Pen color on light mode\n    -\u003epenColorOnDark('#fff')            // Pen color on dark mode (defaults to penColor)\n    -\u003eexportPenColor('#0f0')            // Pen color on export (defaults to penColor)\n```\n\n### Allow download of the signature.\n```php\nuse Saade\\FilamentAutograph\\Forms\\Components\\SignaturePad;\nuse Saade\\FilamentAutograph\\Forms\\Components\\Enums\\DownloadableFormat;\n\nSignaturePad::make('signature')\n    -\u003efilename('autograph')             // Filename of the downloaded file (defaults to 'signature')\n    -\u003edownloadable()                    // Allow download of the signature (defaults to false)\n    -\u003edownloadableFormats([             // Available formats for download (defaults to all)\n        DownloadableFormat::PNG,\n        DownloadableFormat::JPG,\n        DownloadableFormat::SVG,\n    ])\n    -\u003edownloadActionDropdownPlacement('center-end')     // Dropdown placement of the download action (defaults to 'bottom-end')\n```\n\n### Disabling clear, download, undo and done actions.\n```php\nuse Saade\\FilamentAutograph\\Forms\\Components\\SignaturePad;\n\nSignaturePad::make('signature')\n    -\u003eclearable(false)\n    -\u003edownloadable(false)\n    -\u003eundoable(false)\n    -\u003econfirmable(false)\n```\n\n### Requiring confirmation (Done button).\n```php\nSignaturePad::make('signature')\n    -\u003econfirmable()                 // Requires user to click on 'Done' (defaults to false)\n```\n\n### Customizing actions\n```php\nuse Saade\\FilamentAutograph\\Forms\\Components\\SignaturePad;\nuse Filament\\Forms\\Actions\\Action;\n\nSignaturePad::make('signature')\n    -\u003eclearAction(fn (Action $action) =\u003e $action-\u003ebutton())\n    -\u003edownloadAction(fn (Action $action) =\u003e $action-\u003ecolor('primary'))\n    -\u003eundoAction(fn (Action $action) =\u003e $action-\u003eicon('heroicon-o-ctrl-z'))\n    -\u003edoneAction(fn (Action $action) =\u003e $action-\u003eiconButton()-\u003eicon('heroicon-o-thumbs-up'))\n```\n## Changelog\n\nPlease see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.\n\n## Contributing\n\nPlease see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.\n\n## Security Vulnerabilities\n\nPlease review [our security policy](../../security/policy) on how to report security vulnerabilities.\n\n## Credits\n\n- [Saade](https://github.com/saade)\n- [All Contributors](../../contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/sponsors/saade\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/saade/filament-autograph/3.x/art/sponsor.png\" alt=\"Sponsor Saade\" style=\"width: 100%; max-width: 800px;\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaade%2Ffilament-autograph","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaade%2Ffilament-autograph","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaade%2Ffilament-autograph/lists"}