Patterns
Overlays
Overlays layer transient surfaces on top of the current screen. Some are dismissible — bottom sheets, dropdown menus, alerts and popups wait for the user and plug into a single back-button system. Others are feedback — HUDs and toasts appear, then auto-dismiss on their own.
BottomSheet
A drag-dismissible panel that slides up over a dimmed backdrop.
ActionSheet
A bottom sheet of tappable actions — or a centered menu on wider screens.
DropdownMenu
A small menu anchored to the top-right over a light scrim.
Alert
An imperative, iOS-style confirmation dialog you call from anywhere.
Popup
An attention-grabbing promotional modal with image and actions.
HUD
A centered heads-up indicator for loading and status.
Toast
Global, stacked notifications fired from anywhere via useToast.
ToastPill
A lightweight, non-blocking pill toast that slides in from the top or bottom.