Simple Livewire toggle switch
Tech Stack: bootstrap-5, livewire
Demo
Name | Active | |
---|---|---|
Zora Kreiger | rlindgren@example.com | |
Rhett Walker | celestino35@example.net | |
Mr. Omer Barton MD | nturcotte@example.net | |
Denis Dibbert | dach.murphy@example.com | |
Mr. Felix Bailey III | koelpin.santa@example.com | |
Dr. Kayli Mante I | eda51@example.com | |
Ashlynn Hickle PhD | alverta12@example.net | |
Josephine Glover | leffler.jermey@example.com | |
Rodrick Conroy | qskiles@example.com | |
Peggie Rath PhD | nona.gleichner@example.com |
Code
Download
Download
Sorry, this component's code is restricted
Get Livewiredemos-Pro
Sorry, this component's code is restricted
Get Livewiredemos-Pro
Usage
@livewire('toggle-switch', [
'model' => $user,
'field' => 'active'
]);
Documentation
This is a toggle-switch livewire component using bootstrap-5 which alters the boolean field in the database.
This is a reusable component and accepts two fields when you initialize the component Model
for which you want to alter the database field and the database field
name.
When the user alters the toggle switch on the front end it triggers the updating lifecycle event of the component and it changes the boolean value in the database.