Checkbox Blade component

#概述

你可以使用 Checkbox 组件，渲染可用于切换布尔值的 Checkbox 输入框：

<label>
    <x-filament::input.checkbox wire:model="isAdmin" />
 
    <span>
        Is Admin
    </span>
</label>
<label>
    <x-filament::input.checkbox wire:model="isAdmin" />

    <span>
        Is Admin
    </span>
</label>

#触发 Checkbox 的错误状态

Checkbox 对于无效状态有一个特殊样式。你可以使用 Blade 或者 Alpine.js 触发该样式。

要使用 Blade 触发该样式，可以传入 valid 属性到该组件中：

<x-filament::input.checkbox
    wire:model="isAdmin"
    :valid="! $errors->has('isAdmin')"
/>
<x-filament::input.checkbox
    wire:model="isAdmin"
    :valid="! $errors->has('isAdmin')"
/>

此外，你也可以使用 Alpine.js 表达式区触发错误状态：

<div x-data="{ errors: ['isAdmin'] }">
    <x-filament::input.checkbox
        x-model="isAdmin"
        alpine-valid="! errors.includes('isAdmin')"
    />
</div>
<div x-data="{ errors: ['isAdmin'] }">
    <x-filament::input.checkbox
        x-model="isAdmin"
        alpine-valid="! errors.includes('isAdmin')"
    />
</div>

Edit on GitHub

Still need help? Join our Discord community or open a GitHub discussion