Skip to content

Laravel Checkbox Component

Free · MIT

Form input for boolean selections with label, description, and Livewire support.

A Checkbox built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag: <x-aura::checkbox>

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::checkbox label="Accept terms and conditions" name="terms" />

See the full API, props and live examples in the Checkbox documentation.

Overview

The Checkbox component renders a styled checkbox input wrapped in a <label> for easy click targeting. It supports a text label, an optional description below the label, value binding, and disabled state. The component is designed to work seamlessly with Livewire's wire:model directive.

Use checkboxes for:

  • Boolean on/off settings
  • Terms and conditions acceptance
  • Feature toggles in forms
  • Multi-select option lists

Props

Prop Type Default Description
label string|null null Text label displayed next to the checkbox
description string|null null Helper text displayed below the label
value string|null null The value attribute of the input
disabled bool false Disable the checkbox

All additional attributes (e.g., name, id, wire:model, checked, required) are passed through to the underlying <input> element.

Slots

The Checkbox component does not use slots. All content is driven by props.

See more examples and every variant in the Checkbox documentation.

Laravel-native
No JavaScript framework. Pure Blade, Livewire & Alpine.
Dark mode & themeable
Tailwind 4 CSS variables and a visual Theme Studio.
Accessible
WCAG 2.1 AA-minded, keyboard and ARIA support.