hirohitopg / blade-bootstrap-components
一套基于 Bootstrap-4 CSS 框架的 Blade 组件
v1.1.1
2022-11-17 11:32 UTC
Requires
- php: >=7.3
- illuminate/support: ^8.0|^9.0
Requires (Dev)
- orchestra/testbench: ^6.0
- phpunit/phpunit: ^9.0
README
一套新的 Blade 组件,用于快速构建基于 Bootstrap 5 的表单。
功能
- 包括表单在内的主要 Bootstrap 组件的组件。
- 组件逻辑与 Blade 视图独立。
- 将目标绑定到表单(或一组元素)以提供默认值。
- 使用 旧输入 重新填充表单。
- 验证错误。
- 表单方法欺骗.
- 组件类和 Blade 视图可完全自定义。
- 支持对组件进行前缀。
要求
- PHP 7.4 + Laravel 8+
安装
您可以通过 composer 安装此包
composer require hostmoz/blade-bootstrap-components
发布资源
为了使某些组件正常工作(例如:日期选择器),您需要使用以下命令发布包资源
php artisan vendor:publish --tag=bootstrap-assets --force
配置
除非您想 自定义 Blade 视图和组件,否则无需配置。
快速示例
<x-bootstrap::form.form> <div class="row"> <div class="col-12 mb-3"> <x-bootstrap::form.input name="name" label="Your Name" /> </div> <div class="col-12 mb-3"> <x-bootstrap::form.select name="country_code" :options="$countries" label="Select a Country"/> </div> <div class="col-12 mb-3"> <x-bootstrap::form.date-picker name="teste" label="Pick a Date"/> </div> </div> <div class="row"> <div class="col-6"> <!-- Inline radio inputs --> <x-bootstrap::form.group name="newsletter_frequency" label="Newsletter frequency" inline> <x-bootstrap::form.radio name="newsletter_frequency" value="daily" label="Daily" /> <x-bootstrap::form.radio name="newsletter_frequency" value="weekly" label="Weekly" /> </x-bootstrap::form.group> </div> <div class="col-6"> <x-bootstrap::form.group> <x-bootstrap::form.checkbox name="subscribe_to_newsletter" label="Subscribe to newsletter" /> <x-bootstrap::form.checkbox name="agree_terms" label="Agree with terms" /> </x-bootstrap::form.group> </div> </div> </x-bootstrap::form.form>
用法
测试
composer test
变更日志
有关最近更改的更多信息,请参阅 变更日志。
贡献
有关详细信息,请参阅 贡献指南。
安全性
如果您发现任何与安全相关的问题,请通过电子邮件 elisio.leonardo@gmail.com 反馈,而不是使用问题跟踪器。
鸣谢
许可证
MIT 许可证(MIT)。有关更多信息,请参阅 许可证文件。