Core Concepts - Blade Components

Checkbox Blade component


You can use the checkbox component to render a checkbox input that can be used to toggle a boolean value:

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

Triggering the error state of the checkbox

The checkbox has special styling that you can use if it is invalid. To trigger this styling, you can use either Blade or Alpine.js.

To trigger the error state using Blade, you can pass the valid attribute to the component, which contains either true or false based on if the checkbox is valid or not:

:valid="! $errors->has('isAdmin')"

Alternatively, you can use an Alpine.js expression to trigger the error state, based on if it evaluates to true or false:

<div x-data="{ errors: ['isAdmin'] }">
alpine-valid="! errors.includes('isAdmin')"
Edit on GitHub

Still need help? Join our Discord community or open a GitHub discussion