README

BladewindUI 是一个使用 TailwindCSS、Laravel blade 模板和 Vanilla JavaScript 编写的 UI 组件集合。这些组件使用非常简单，并支持不同级别的自定义。

完整的安装指南可在 https://bladewindui.com/install 上找到。

由于所有组件都使用 blade 语法编写，BladewindUI 非常特定于 Laravel。要在您的 Laravel 项目中安装，请在该项目的根目录下终端中运行此命令。

composer require mkocansey/bladewind

接下来，您需要通过运行以下命令来 发布包资源，依然是在 Laravel 项目的根目录下终端中。

php artisan vendor:publish --provider="Mkocansey\Bladewind\BladewindServiceProvider" --tag=bladewind-public --force

现在，将 BladewindUI CSS 文件包含在您页面的 <head> 中。这应该在您的应用程序页面扩展的布局文件中完成。您还需要包含用于动画模态和其他元素的 CSS。

<link href="{{ asset('vendor/bladewind/css/animate.min.css') }}" rel="stylesheet" />

<link href="{{ asset('vendor/bladewind/css/bladewind-ui.min.css') }}" rel="stylesheet" />

最后，在任何页面 </body> 标签关闭之前包含 BladewindUI JavaScript 文件。同样，这应该在您的应用程序页面扩展的布局文件中完成。

<script src="{{ asset('vendor/bladewind/js/helpers.js') }}" type="text/javascript"></script>

现在您已经准备好开始在您的应用程序中使用任何 BladewindUI 组件了

<x-bladewind::button>Save User</x-bladewind::button>

请访问 https://bladewindui.com 查看完整的文档。

问题和一般信息

如果您有任何问题或报告安全漏洞，请通过电子邮件 mike@bladewindui.com 或推特 @bladewindui 联系我们。

BladewindUI 是一个开源库，许可协议为 MIT 许可证。