hirohitopg/blade-bootstrap-components

一套基于 Bootstrap-4 CSS 框架的 Blade 组件

v1.1.1 2022-11-17 11:32 UTC

This package is auto-updated.

Last update: 2024-09-17 15:54:27 UTC


README

Latest Version on Packagist Build Status Quality Score Total Downloads

一套新的 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)。有关更多信息,请参阅 许可证文件