Form

Component

Switch

Interactive toggle switches for binary settings and real time state preferences.

Component Syntax

blade
<x-aura::switch wire:model="emailNotifs" label="Email Notifications" description="Receive daily digest." />

1. Basic Toggle Switch

blade

2. Switch with Description Subtitle

blade

3. Switch Sizing Scale

blade

4. Real World Preferences Card

blade

Notification Preferences

Component Props

Available properties and configurations for the toggle switch component.

Prop Default Available Values

label

null

Label text string

description

null

Description string

size

md
sm md lg