bastinald/laravel-bootstrap-forms

Laravel 的 Bootstrap 5 表单组件。

维护者

详细信息

github.com/bastinald/laravel-bootstrap-forms

主页

源代码

问题

安装: 109

依赖者: 1

建议者: 0

安全: 0

星标: 4

关注者: 2

分支: 5

开放问题: 3

语言:Blade

1.2.2 2021-05-09 03:08 UTC

Requires

MIT 072268ecc7a6988a8784158c1d38baa5ed2c306a

  • Kevin Dion <bastinald.woop@icloud.com>

This package is auto-updated.

Last update: 2024-09-11 09:59:34 UTC

README

Laravel 的 Bootstrap 5 表单组件。

安装

composer require bastinald/laravel-bootstrap-forms

用法

一个输入字段

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

带有辅助文本及追加/前置插槽的输入字段

<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 结果的下拉选择框

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

使用关联数组的下拉选择框

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

使用索引数组的下拉选择框

<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"/>