{"repo":"CodeWithDennis/filament-simple-alert","free":true,"listed":false,"github":"https://github.com/CodeWithDennis/filament-simple-alert","clone":"git clone https://github.com/CodeWithDennis/filament-simple-alert.git","description":"This package provides a simple, user-friendly alert component for your Filament 3 & 4 application. It lets you quickly add customizable alert messages to improve the user experience with clear, concise notifications.","language":"PHP","stars":124,"topics":["alert","alerts","filament","filament-plugin","filamentphp","filamentphp-plugin","laravel","livewire","package","php"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"Filament Simple Alert If you're using Filament 3.x , check out the compatible version of this package here. 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. Installation You can install the package via composer: Custom Theme You will need to create a custom theme for the styles to be applied correctly. Make sure you add the following to your theme.css file. Usage Make sure to import the SimpleAlert component at the top of your file: Predefined Alerts There are 4 types predefined of simple alerts: danger , info , success , and warning . If you would like to use a different color, you can use the color method. Icon By default, simple alerts come with an icon. For example, the - danger() method includes a heroicon-s-x-circle icon. If you want to use a different icon, you can use the icon method. Or you can use a custom icon by passing an HTML string or a Blade component to the icon method. Icon Animation You can add animation to the icon by passing the animation type as the second parameter to the icon method. Make sure to use the IconAnimation enum for the animation type. Icon Vertical Alignment You can change the vertical alignment of the icon by using the iconVerticalAlignment method. Title You can add a title to the alert by using the title method. Description You can add a description ","default_branch":null,"files":null,"tree":[],"storefront":"/r/CodeWithDennis","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/CodeWithDennis/filament-simple-alert/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}