waziri123 / waziri-livewire-toast
用于显示Toast通知的Livewire包
v1.0.0
2024-05-14 09:48 UTC
Requires
- christophrumpel/missing-livewire-assertions: ^2.8
- livewire/livewire: ^3.4.12
Requires (Dev)
- orchestra/testbench: ^9.0
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请求。对于重大更改,请首先打开一个问题来讨论您想进行哪些更改。