Download the PHP package abhi-conceptlz/livewire-toast without Composer
On this page you can find all versions of the php package abhi-conceptlz/livewire-toast. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download abhi-conceptlz/livewire-toast
More information about abhi-conceptlz/livewire-toast
Files in abhi-conceptlz/livewire-toast
Package livewire-toast
Short Description Livewire v3 Package to display Toast Notifications
License MIT
Informations about the package livewire-toast
livewire-toast
Livewire v3 Package to display Toast Notification based on TALL Stack.
Requirements
Make sure that Livewire is installed properly on your project.
Make sure that TailwindCSS is installed properly on your project.
Make sure that AlpineJS is installed properly on your project.
Installation
You can install the Package using Composer
Usage
Put Livewire-component @livewire('livewire-toast')
anywhere into your app layout.
You can then call the Livewire Toast as below:
From Livewire Component
Using Session Flash
From Livewire View
From JS
Configurations
If you want to override the configurations, you must publish the assets using below command
This will publish the configuration file at config/livewire-toast.php . You can override any configurations. |
Name | Type | Default | Description | Options |
---|---|---|---|---|---|
type | String | success | Notification Type | success, warning, error, info | |
position | String | bottom-right | Part of the screen where notifications will pop out | bottom-right, bottom-left, top-right, top-left | |
duration | Number | 3000 | Time (in ms) to keep the notification on screen (if negative - notification will stay forever or until clicked) | ||
showIcon | Boolean | true | Whether to show icon next to message. | ||
hideOnClick | Boolean | true | Close notification when clicked | ||
color.bg.success | String | green | Color for Success Notification. Must be available in TailwindCss | ||
color.bg.warning | String | yellow | Color for Warning Notification. Must be available in TailwindCss | ||
color.bg.info | String | blue | Color for Info Notification. Must be available in TailwindCss | ||
color.bg.error | String | red | Color for Error Notification. Must be available in TailwindCss | ||
text_color | String | white | Text Color used by TailwindCss class. If using color other than white or black, provide full color like red-300. | ||
transition | Boolean | true | Whether to use Transition to hide/show Notification | ||
transition_type | String | appear_from_above | Transition Type | appear_from_below, appear_from_above, appear_from_left, appear_from_right, zoom_in, rotate |
You can also publish the View using below command
This will publish the Views in resources/views/vendor/livewire-toast
directory which you can then customize.
Troubleshooting
Your messages don't get styles while using TailwindCss? Please publish your view. Therefore Laravel Mix compiler will find package related views and will purge CSS accordingly.
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.