salahhusa9 / laravel-template-components
Laravel 模板组件,可配合 vuexy 和 metronic 模板使用
dev-main
2023-08-06 20:24 UTC
Requires
- php: ^8.1
- illuminate/contracts: ^10.0
- spatie/laravel-package-tools: ^1.14.0
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^7.0
- orchestra/testbench: ^8.0
- pestphp/pest: ^2.0
- pestphp/pest-plugin-arch: ^2.0
- pestphp/pest-plugin-laravel: ^2.0
- dev-main
- dev-renovate/pestphp-pest-plugin-laravel-3.x
- dev-renovate/pestphp-pest-plugin-arch-3.x
- dev-renovate/dependabot-fetch-metadata-2.x
- dev-renovate/dependabot-fetch-metadata-1.x
- dev-renovate/orchestra-testbench-9.x
- dev-renovate/major-illuminate
- dev-renovate/aglipanci-laravel-pint-action-2.x
- dev-renovate/nunomaduro-collision-8.x
- dev-renovate/actions-checkout-4.x
- dev-dependabot/github_actions/stefanzweifel/git-auto-commit-action-5
- dev-renovate/stefanzweifel-git-auto-commit-action-5.x
- dev-dependabot/github_actions/actions/checkout-4
- dev-component/card
- dev-component/form
- dev-component/textarea
- dev-component/select
- dev-salahhusa9-patch-1
- dev-start-components
This package is auto-updated.
Last update: 2024-09-09 08:51:49 UTC
README
本包是一组可用于 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)。请参阅许可文件获取更多信息。