README

Laravel 的 Bootstrap 5 表单组件。

安装

composer require bastinald/laravel-bootstrap-forms

使用方法

输入字段

<x-forms::input
    :label="__('Email')"
    type="email"
    error="email"
    wire:model.defer="email"/>

带有辅助文本及 append/prepend 插槽的输入字段

<x-forms::input
    :label="__('Price')"
    type="number"
    error="price"
    :help="__('Please enter the price.')"
    wire:model.defer="price">
    <x-slot name="prepend">$</x-slot>
    <x-slot name="append">.00</x-slot>
</x-forms::input>

文本区域字段

<x-forms::textarea
    :label="__('Biography')"
    error="biography"
    wire:model.defer="biography"/>

文件上传字段

<x-forms::file
    :label="__('Avatar')"
    error="avatar"
    wire:model.defer="avatar"/>

使用 Eloquent 结果的 select 下拉菜单

<x-forms::select
    :label="__('User ID')"
    :options="App\Models\User::pluck('name', 'id')->toArray()"
    error="user_id"
    wire:model.defer="user_id"/>

使用关联数组的 select 下拉菜单

<x-forms::select
    :label="__('Color')"
    :options="['#ff0000' => 'Red', '#00ff00' => 'Green']"
    error="color"
    wire:model.defer="color"/>

使用索引数组的 select 下拉菜单

<x-forms::select
    :label="__('Color')"
    :options="['Red', 'Green']"
    error="color"
    wire:model.defer="color"/>

单选按钮组

<x-forms::radio
    :label="__('Color')"
    :options="['#ff0000' => 'Red', '#00ff00' => 'Green']"
    name="color"
    error="color"
    wire:model.defer="color"/>

复选框字段

<x-forms::checkbox
    :label="__('I agree to the terms')"
    error="agree"
    wire:model.defer="agree"/>