Modals
Adding "swipe to close"
17:44 · By Caleb Porzio
Level up. Big time.
Instant access to over 8 hours of content. Explore tons of course code and use it in your own apps.
Yearly
$69
/yearly
Access all screencasts and source code by subscribing on a yearly basis.
Lifetime
$149
Pay once, and get access to all future screencasting content. Forever.
Already a GitHub sponsor?
Email us for a discount.
When users are on mobile devices, they expect to be able to close the modal by swiping their thumb down on the page. Let's use some bespoke Alpine code to support this behavior. We'll even go a step further and test it out an actual iPhone to make sure it feels right.
- Building a modal 10:39
- Extracting a Blade component 13:07
- Confirmation dialogs 14:21
- Forms inside modals 12:23
- Extracting a nested Livewire component 12:35
- Creating row components 7:26
- Adding an edit modal 9:35
- Adding a dropdown menu 10:26
- Teleporting modals 7:37
- Styling for mobile devices 6:56
- Adding "swipe to close" 17:44
- Teaser 3:45
- Getting started 6:30
- Building a static table 12:24
- Page authorization 1:55
- Pagination 8:01
- Loading indicators 6:34
- Text searching 7:17
- Column sorting 19:22
- Row dropdown actions 11:37
- Exporting to CSV 9:39
- Bulk actions 10:10
- Select-all checkboxes 11:23
- Indeterminate checkbox states 10:27
- Lazy loading 5:27
- Refactoring to traits 8:00
- Extracting a nested component 3:34
- Chart scaffolding 9:05
- Charting real data 10:42
- Making the chart reactive 11:35
- Product filtering 18:46
- Tracking products in the URL 4:47
- Date range filtering 12:05
- Charting different date ranges 3:53
- Custom date range 26:07
- Order status filtering 12:20
- Using radio groups for filtering 9:04
- Designing for mobile 6:16
- Teaser 1:05
- Building a Todo List 6:33
- Storing positions in the database 7:56
- Using Alpine's Sort Plugin 7:54
- Sorting items in the database 13:51
- Handling removals 3:03
- Adding drag handles 6:35
- Extracting a Blade Component 6:26
- Extracting an Eloquent Trait 15:04
- Re-arranging Items 6:11
- Sorting between groups 11:19