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发送电子邮件，而不是使用问题跟踪器。

鸣谢

• Elísio Leonardo
• 所有贡献者

许可

MIT许可（MIT）。请参阅许可文件以获取更多信息。