您可以使用复选框组件来渲染一个复选框输入,用于切换布尔值:
<label>
<x-filament::input.checkbox wire:model="isAdmin" />
<span>
Is Admin
</span>
</label>复选框具有特殊的样式,如果它无效,你可以使用它。要触发此样式,你可以使用 Blade 或 Alpine.js。
要使用 Blade 触发错误状态,你可以将 valid 属性传递给组件,该属性根据复选框是否有效而包含真或假:
<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>