salahhusa9/laravel-template-components

Laravel 模板组件,可配合 vuexy 和 metronic 模板使用


README

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

本包是一组可用于 vuexy 和 metronic 模板的组件,通过更改配置文件,也可用于其他任何模板。

安装

您可以通过 composer 安装此包

composer require salahhusa9/laravel-template-components

您可以使用以下命令发布配置文件

php artisan laravel-template-components:install

用法

输入组件

<x-template-components::input />

接受所有正常的输入标签属性,并添加一些新属性

  • div-class: 为 div 标签添加类
  • label-class: 为 label 标签添加类
  • 其他属性将添加到输入标签

按钮组件

<x-template-components::button />

接受所有正常的按钮标签属性,并添加一些新属性

  • div-class: 为 div 标签添加类
  • span-text-class: 为包含按钮文本的 span 标签添加类
  • indicator-progress-class: 为包含按钮进度指示器的 span 标签添加类
  • loading-text: 按钮加载时显示的文本
  • spinner-class: 为包含按钮加载动画的 span 标签添加类
  • 其他属性将添加到按钮标签

我们支持 livewire 加载状态,因此如果您使用 livewire,可以使用以下方式使用加载状态

<x-template-components::button wire:target="save" />

选择组件

<x-template-components::select>
    <option value="1">option 1</option>
    <option value="2">option 2</option>
</x-template-components::select>

接受所有正常的 select 标签属性,并添加一些新属性

  • div-class: 为 div 标签添加类
  • label-class: 为 label 标签添加类
  • 其他属性将添加到 select 标签

文本区域组件

<x-template-components::textarea />

接受所有正常的 textarea 标签属性,并添加一些新属性

  • div-class: 为 div 标签添加类
  • label-class: 为 label 标签添加类
  • 其他属性将添加到 textarea 标签

表单组件

<x-template-components::form>
    
</x-template-components::form>

接受所有正常的 form 标签属性,并添加一些新属性

  • route: 表单操作中使用的路由名称
  • 其他属性将添加到 form 标签

支持模板

测试

composer test

更新日志

请参阅更新日志了解最近的变化。

贡献

请参阅贡献指南获取详细信息。

安全漏洞

请查看我们的安全策略了解如何报告安全漏洞。

致谢

许可协议

MIT 许可协议 (MIT)。请参阅许可文件获取更多信息。