Livewire Toggle switch with alert notification
Tech Stack: bootstrap-5, new, livewire
Demo
Name | Active | |
---|---|---|
Isabelle Lueilwitz | coby50@example.net | |
Laurianne Mante | feest.davon@example.org | |
Mrs. Allene Koelpin IV | elizabeth44@example.com | |
Mrs. Camila Stanton | llewellyn06@example.com | |
Jacinthe Keebler | glenna56@example.org | |
Harold Jaskolski | irving.shields@example.net | |
Carmen Dickinson | jaylan.thompson@example.org | |
Wilburn Boehm | stacy27@example.net | |
Cruz Koss | audreanne14@example.net | |
Ms. Cali Lubowitz | larkin.allene@example.org |
Code
Please login to View/Download the Code
Please login to View/Download the Code
Sorry, this component's code is restricted
Get Livewiredemos-Pro
Sorry, this component's code is restricted
Get Livewiredemos-Pro
Usage
@livewire('toggle-switch-alert', [
'model' => $dummyUser,
'field' => 'isActive',
'status' => [
'off' => "User {$dummyUser->name} is disabled",
'on' => "User {$dummyUser->name} is enabled"
]
])
Documentation
This component is an extention of Simple Toggle Switch Component
This is a toggle-switch with an alert livewire component using bootstrap-5 which alters the boolean field in the database and also shows an alert notification to the user.
For the alerts, we have done a simple integration with Notyf javascript plugin. You can read more about Livewire Notyf Integration.