Building Modals in Livewire
11 episodes•1 hr 1 min•8 months ago
Overview
Build your own modal functionality in Livewire, completely from scratch!
We’ll cover creating a re-usable modal wrapper, transitions, triggering modals from anywhere with our own Alpine functionality, trapping focus inside modals, layering modals correctly, and more.
Alex Garrett-Smith
Hey, I'm the founder of Codecourse!
Episodes
0%
Your progress
- Total: 1h 1m
- Played: 0m
- Remaining: 1h 1m
01. Introduction and demo
2m 49s
0%
02. Basic modal functionality
15m 53s
0%
03. Three ways to close a modal
3m 50s
0%
04. Using a trait for multiple modals
3m 1s
0%
05. Opening a modal from a modal
2m 16s
0%
06. Closing the modal from the Livewire component
2m 45s
0%
07. Correctly layering multiple modals
7m 39s
0%
08. Resetting state when a modal closes
8m 55s
0%
09. Creating a helper function to launch modals
3m 55s
0%
10. Trapping focus in modals
3m 59s
0%
11. Bonus transitions
6m 16s
0%