组件
复选框 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>
Edit on GitHubStill need help? Join our Discord community or open a GitHub discussion