复选框 Blade 组件

简介

你可以使用复选框(Checkbox)组件来渲染可用于切换布尔值的复选框输入：

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

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

触发复选框错误状态

复选框具有特殊样式，你可以在复选框验证未通过时使用。要触发此样式，你可以使用 Blade 或 Alpine.js。

要使用 Blade 触发错误状态，你可以将 valid 属性传递给组件，该属性会根据复选框是否有效返回 true 或 false：

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

或者，可你以使用 Alpine.js 表达式来触发错误状态，基于其计算结果为 true 或 false：

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