dainsys/components

Bootstrap 4 的 Laravel 组件 UI！

维护者

详情

github.com/Yismen/laravel-components

源代码

问题

安装: 64

依赖者: 4

建议: 0

安全性: 0

星标: 0

关注者: 2

分支: 0

开放性问题: 0

1.2.0 2020-11-06 00:17 UTC

Requires

  • php: ^7.0

Requires (Dev)

MIT eebf68ac502073e7e488fbce50d87020d6196a30

  • Yismen Jorge <yismen.jorge.woop@gmail.com>

This package is auto-updated.

Last update: 2024-09-29 05:55:45 UTC

README

Bootstrap 4 的 Laravel 组件 UI！

安装

  • 使用 composer 安装，运行命令 composer require dainsys/components

使用方法

表单

  • route="", 表单提交的路由或操作
  • method="POST", 表单方法。选项 'GET', 'POST'。默认为 'POST'
  • autocomplete="off", 表单自动完成。默认 'off'。选项 ('on', 'off')
<x-dc-form route="{{ route('employee.store') }}">        
</x-dc-form>

输入字段

  • type="text". 字段类型。选项是 HTML5 输入字段（文本、数字、日期等）。默认 'text'
  • :required="true". 字段是否必须。选项 true, false。默认 true
<x-dc-input-field 
    :field-value="old('value', optional($user ?? null)->value)" 
    field-name="value" 
    label-name="Label"
/>

带附加组件的输入字段

  • type="text", 字段类型。选项是 HTML5 输入字段（文本、数字、日期等）。默认 'text'
  • :required="true", 字段是否必须。选项 true, false。默认 true
  • btn-class="btn-primary", bootstrap 按钮颜色类。默认是 btn-primary
<x-dc-input-field-addon
    :field-value="old('value', optional($user ?? null)->value)" 
    field-name="value" 
    label-name="Label"
    button-action="SAVE"
/>

选择字段

  • :required="true", 字段是否必须。默认 true
  • :multiple="false", 是否将选择视为多选。默认 false
<x-dc-select-field
    :field-value="old('value', optional($user ?? null)->value)" 
    field-name="value" 
    label-name="Label"
    :data-array="[]"
/>

文本区域

  • :required="true", 字段是否必须。选项 true, false。默认 true
  • rows="5", 渲染时的行数。默认为 5
<x-dc-input-field-addon
    :field-value="old('value', optional($user ?? null)->value)" 
    field-name="value" 
    label-name="Label"
/>