Skip to content
全部文档

Checkbox Blade 组件

简介

你可以使用 checkbox 组件渲染复选框输入,用于切换布尔值:

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

    <span>
        Is Admin
    </span>
</label>
带标签的复选框带标签的复选框

触发复选框的错误状态

复选框在无效时有特殊样式。要触发该样式,可以使用 Blade 或 Alpine.js。

要用 Blade 触发错误状态,可向组件传入 valid 属性,其值为 true 或 false,取决于复选框是否有效:

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

或者,你可以使用 Alpine.js 表达式触发错误状态,取决于表达式求值为 true 还是 false

blade

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