{"id":15115111,"url":"https://github.com/CodeWithDennis/filament-simple-alert","last_synced_at":"2025-09-27T20:31:53.744Z","repository":{"id":246338621,"uuid":"820794600","full_name":"CodeWithDennis/filament-simple-alert","owner":"CodeWithDennis","description":"This package offers a straightforward and easy-to-use alert component for your Filament application. It allows you to quickly implement customizable alert messages, enhancing the user experience by providing clear and concise notifications.","archived":false,"fork":false,"pushed_at":"2025-01-07T08:27:24.000Z","size":1689,"stargazers_count":67,"open_issues_count":1,"forks_count":6,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-11T15:07:57.300Z","etag":null,"topics":["alert","alerts","filament","filament-plugin","filamentphp","filamentphp-plugin","laravel","livewire","package","php","plugin"],"latest_commit_sha":null,"homepage":"","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/CodeWithDennis.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"CodeWithDennis"}},"created_at":"2024-06-27T07:36:56.000Z","updated_at":"2025-01-11T15:05:50.000Z","dependencies_parsed_at":"2024-07-09T16:03:44.438Z","dependency_job_id":"70768889-c7ff-4bd2-9d48-13a439344473","html_url":"https://github.com/CodeWithDennis/filament-simple-alert","commit_stats":{"total_commits":30,"total_committers":3,"mean_commits":10.0,"dds":"0.19999999999999996","last_synced_commit":"6a9f9c1acb26bfa266d745f17e27908d08f8e7d8"},"previous_names":["codewithdennis/filament-simple-alert"],"tags_count":12,"template":false,"template_full_name":"filamentphp/plugin-skeleton","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithDennis%2Ffilament-simple-alert","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithDennis%2Ffilament-simple-alert/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithDennis%2Ffilament-simple-alert/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithDennis%2Ffilament-simple-alert/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeWithDennis","download_url":"https://codeload.github.com/CodeWithDennis/filament-simple-alert/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234460505,"owners_count":18836837,"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":["alert","alerts","filament","filament-plugin","filamentphp","filamentphp-plugin","laravel","livewire","package","php","plugin"],"created_at":"2024-09-26T01:43:40.804Z","updated_at":"2025-09-27T20:31:48.520Z","avatar_url":"https://github.com/CodeWithDennis.png","language":"PHP","funding_links":["https://github.com/sponsors/CodeWithDennis"],"categories":["Filament"],"sub_categories":["Plugins"],"readme":"# Filament Simple Alert\n\n[![Latest Version on Packagist](https://img.shields.io/packagist/v/codewithdennis/filament-simple-alert.svg?style=flat-square)](https://packagist.org/packages/codewithdennis/filament-simple-alert)\n[![GitHub Code Style Action Status](https://img.shields.io/github/actions/workflow/status/codewithdennis/filament-simple-alert/pint.yml?branch=main\u0026label=code%20style\u0026style=flat-square)](https://github.com/codewithdennis/filament-simple-alert/actions?query=workflow%3A\"Fix+PHP+code+styling\"+branch%3Amain)\n[![Total Downloads](https://img.shields.io/packagist/dt/codewithdennis/filament-simple-alert.svg?style=flat-square)](https://packagist.org/packages/codewithdennis/filament-simple-alert)\n\nThis package offers a straightforward and easy-to-use alert component for your Filament application. It allows you to quickly implement customizable alert messages, enhancing the user experience by\nproviding clear and concise notifications.\n\n![Simple Alert](https://github.com/CodeWithDennis/filament-simple-alert/raw/main/resources/screenshots/thumbnail.png)\n\n## Installation\n\nYou can install the package via composer:\n\n```bash\ncomposer require codewithdennis/filament-simple-alert\n```\n\nMake sure you add the following to your `tailwind.config.js file.\n\n```bash\n'./vendor/codewithdennis/filament-simple-alert/resources/**/*.blade.php',\n```\n\n### Custom Theme\n\nYou will need to [create a custom theme](https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme) for the styles to be applied correctly.\n\n## Usage\n\nThe alerts can be used in your `infolists` or `forms`, make sure you pick the right component.\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\n```\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Forms\\SimpleAlert;\n```\n\n### Simple Alerts\n\nThere are 4 types of simple alerts: `danger`, `info`, `success`, and `warning`.\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\n\nSimpleAlert::make('example')\n    -\u003edanger()\n    -\u003einfo()\n    -\u003esuccess()\n    -\u003ewarning()\n```\n\nIf you would like to use a [different color](https://filamentphp.com/docs/3.x/support/colors), you can use the `color` method.\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\n\nSimpleAlert::make('example')\n    -\u003ecolor('purple')\n```\n\n### Icon\n\nBy default, simple alerts come with an icon. For example, the `-\u003edanger()` method includes a `heroicon-s-x-circle` icon. If you want to use a different icon, you can use the icon method.\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\n//use Illuminate\\Support\\HtmlString;\n\nSimpleAlert::make('example')\n    -\u003ecolor('purple')\n    -\u003eicon('heroicon-s-users')\n//-\u003eicon(new HtmlString('🤓'))\n//-\u003eicon(new HtmlString(Blade::render('my-custom-icon-component')))\n```\n\n#### Icon Vertical Alignment\n\nYou can change the vertical alignment of the icon by using the `iconVerticalAlignment` method.\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\n\nSimpleAlert::make('example')\n    -\u003eiconVerticalAlignment('start'), // possible values: start, center\n``` \n\n### Title\n\nYou can add a title to the alert by using the `title` method.\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\n\nSimpleAlert::make('example')\n    -\u003etitle('Hoorraayy! Your request has been approved! 🎉')\n```\n\n### Description\n\nYou can add a description to the alert by using the `description` method.\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\n\nSimpleAlert::make('example')\n    -\u003edescription('This is the description')\n```\n\n### Border\n\nYou can add a border to the alert by using the `border` method.\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\n\nSimpleAlert::make('example')\n    -\u003eborder()\n```\n### Actions\n\nYou can also add actions to the alert by using the `actions` method. All regular action features are supported.\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\nuse Filament\\Forms\\Components\\Actions;\n\nSimpleAlert::make('example')\n    -\u003ecolumnSpanFull()\n    -\u003esuccess()\n    -\u003etitle('Simple Alert')\n    -\u003edescription('This is an example of a simple alert.')\n    -\u003eactions([\n        Action::make('read-example')\n            -\u003elabel('Read more')\n            -\u003eurl('https://filamentphp.com')\n            -\u003eopenUrlInNewTab()\n            -\u003ecolor('info'),\n    ]),\n```\n\n#### Actions Vertical Alignment\n\nYou can change the vertical alignment of the actions by using the `actionsVerticalAlignment` method.\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\nuse Filament\\Forms\\Components\\Actions;\n\nSimpleAlert::make('example')\n    -\u003eactionsVerticalAlignment('start'), // possible values: start, center\n```\n\n\n### Example\n\n```php\nuse CodeWithDennis\\SimpleAlert\\Components\\Infolists\\SimpleAlert;\nuse Filament\\Forms\\Components\\Actions;\n\nSimpleAlert::make('example')\n    -\u003esuccess()\n    -\u003etitle(new HtmlString('\u003cstrong\u003eHoorraayy! Your request has been approved! 🎉\u003c/strong\u003e'))\n    -\u003edescription('Lorem ipsum dolor sit amet consectetur adipisicing elit.')\n    -\u003eactions([\n         Action::make('filament')\n            -\u003elabel('Details')\n            -\u003eicon('heroicon-m-arrow-long-right')\n            -\u003eiconPosition(IconPosition::After)\n            -\u003elink()\n            -\u003eurl('https://filamentphp.com')\n            -\u003eopenUrlInNewTab()\n            -\u003ecolor('success'),\n    ]),\n```\n\n## Contributing\n\nPlease see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.\n\n## Credits\n\n- [CodeWithDennis](https://github.com/CodeWithDennis)\n- [All Contributors](../../contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FCodeWithDennis%2Ffilament-simple-alert","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FCodeWithDennis%2Ffilament-simple-alert","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FCodeWithDennis%2Ffilament-simple-alert/lists"}