Checkbox

Boolean selection inputs for multi option forms, terms agreements, and toggle states.

Component Syntax

blade

<x-aura::checkbox wire:model="remember" label="Remember me" />

1. Basic Checkbox

blade

Remember me on this browser

<x-aura::checkbox wire:model="remember" label="Remember me on this browser" />

2. Checkbox Sizes

blade

Extra Small (xs)

Small (sm)

Medium (md)

Large (lg)

<x-aura::checkbox size="xs" label="Extra Small (xs)" :checked="true" />

<x-aura::checkbox size="sm" label="Small (sm)" :checked="true" />

<x-aura::checkbox size="md" label="Medium (md)" :checked="true" />

<x-aura::checkbox size="lg" label="Large (lg)" :checked="true" />

3. With Description

blade

Product Updates Receive occasional announcements about new releases and major improvements.

<x-aura::checkbox 
    wire:model="newsletter" 
    label="Product Updates" 
    description="Receive occasional announcements about new releases and major improvements." 
/>

Component Props

Available properties and configurations for the checkbox component.

Prop	Default	Available Values
label	null	Label text string
description	null	Description text string
size	sm	xs sm md lg
checked	false	true false
disabled	false	true false
name	null	Field name string
value	null	Value string

Aura Wire

Component Library

Checkbox

Component Syntax

1. Basic Checkbox

2. Checkbox Sizes

3. With Description

Component Props

Date Picker

Radio

Aura Wire