Stacked Modals & Toast Queue
Practice modal stacking order, waiting for async content inside a modal, and managing a queue of auto-dismissing toasts with staggered durations.
Stacked modals
Opening Modal A, then Modal B from within it, produces two independently-closable overlays with distinct z-index layers.
Async-loading modal
This modal opens immediately but shows a spinner for ~1.5s before its real content renders.
Toast queue
Fires 3 toasts in quick succession with staggered auto-dismiss durations (3s / 4s / 5s), each with a live countdown, progress bar, and manual dismiss button.