waziri123/waziri-livewire-toast

用于显示Toast通知的Livewire包

v1.0.0 2024-05-14 09:48 UTC

This package is auto-updated.

Last update: 2024-09-15 09:21:18 UTC


README

基于TALL Stack显示Toast通知的Livewire包。

要求

请确保您的项目中正确安装了Livewire

请确保您的项目中正确安装了TailwindCSS

请确保您的项目中正确安装了AlpineJS

安装

您可以使用Composer安装此包

composer require waziri123/waziri-livewire-toast

用法

将Livewire组件@livewire('livewire-toast')添加到您的应用布局中的任何位置。

然后您可以按照以下方式调用Livewire Toast

从Livewire组件

$this->dispatch('showWarning', 'Record deleted Successfully')->to('livewire-toast'); //Will show Success Message
$this->dispatch('showError', 'There was an Error!')->to('livewire-toast');   //Will show error. showError, showWarning, showInfo, showSuccess are supported

从Livewire视图

wire:click="$dispatchTo('livewire-toast', 'show', {params: 'Project Added Successfully' })" //Will show Success Message
wire:click="$dispatchTo('livewire-toast', 'showError', {message: 'There was an Error!' })" //Will show error. showError, showWarning, showInfo, showSuccess are supported

配置

如果您想覆盖配置,您必须使用以下命令发布资产

php artisan vendor:publish --tag=config

这将发布位于config/livewire-toast.php的配置文件。您可以覆盖任何配置。

您还可以使用以下命令发布视图

php artisan vendor:publish --tag=views

这将发布位于resources/views/vendor/livewire-toast目录中的视图,您可以对其进行自定义。

故障排除

在使用TailwindCss时,您的消息没有样式?请发布您的视图。因此,Laravel Mix编译器将找到与包相关的视图,并相应地清除CSS。

贡献

欢迎Pull请求。对于重大更改,请首先打开一个问题来讨论您想进行哪些更改。

致谢

许可证

MIT