Patterns
Patterns
Feedback
Choose the right feedback channel: toast for transient success, alert for page-level issues, skeleton for loading structure, progress for determinate work.
Decision tree
- Action completed → toast.success
- Form field error → inline text under field
- Page/section blocked → Alert
- Unknown duration load → Skeleton
- Known progress → Progress + percent
Toasts
Page alert
Payment failed
Update your billing method to restore deployments.
Skeleton load
Progress
Uploading assets