{{> head title="Switches"}}
{{> sidebar-ela}}
{{> header-ela}}

#### Switches

Bootstrap 5 Switches
Default switch
Checked switch
Disabled switch
Checked disabled
Colored Switches
Primary
Success
Danger
Warning
Switch Sizes
Small switch
Normal switch
Large switch
Extra large switch
Inline Switches
Option 1
Option 2
Option 3
Switch States & Examples

###### With Labels

Email Notifications Receive email updates
SMS Alerts Get text messages
Push Notifications Browser notifications

###### Form Integration

Username
Remember me
Subscribe to newsletter

###### Settings Example

Dark Mode
Auto-save
Analytics
Implementation Guide

Type | Example | Code
--- | --- | ---
Basic Switch |  | `<div class="form-check form-switch">...</div>`
With Label | Label | `<label class="form-check-label">...</label>`
Disabled |  | `<input ... disabled>`
Colored |  | `class="... bg-success border-success"`

{{> footer}}
{{> scripts}}