Recipes
Recipes
You're finishing a job, not memorizing component names. Pick a scenario and copy a composed prompt.
Delete confirmation
Delete confirmationIrreversible delete needs a blocking confirm — never a toast.
Modal DialogButtonScrim / BackdropOpen →List loading / empty / error
List loading / empty / errorSkeleton first paint, honest empty state, retryable errors.
SkeletonEmpty StateSpinnerOpen →Mobile filter panel
Mobile filter panelThumb-reach filters in a bottom sheet, not a side drawer.
Bottom SheetScrim / BackdropButtonTag / ChipOpen →Form submit feedback
Form submit feedbackDisable + spinner on submit; toast success; modal for hard failures.
ButtonSpinnerToast / SnackbarModal DialogOpen →Share sheet
Share sheetMobile share targets in a bottom sheet with copy link.
Bottom SheetScrim / BackdropButtonOpen →