Languages

Version

Theme

组件

复选框 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 表达式来触发错误状态,基于其计算结果为 truefalse

<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

Previous
Button Blade 组件