toast-pop

name	toast-pop
description	A toast slides up from the bottom, holds, then fades away. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
triggers	["toast","提示弹出"]
od	{"mode":"prototype","surface":"web","platform":"mobile","category":"animation-motion","upstream":null,"preview":{"type":"html"},"design_system":{"requires":false},"example_prompt":"Use toast-pop on the section: a quick, native-feeling micro-interaction with a\nprefers-reduced-motion fallback.\n"}

Toast Pop

A toast slides up from the bottom, holds, then fades away. An App-UI micro-interaction. Part of motion-anything; obeys MOTION-SPEC.md.

When to use it

• Native-feeling feedback on App components (buttons, tabs, sheets, toasts, form controls).

When NOT to use it (restraint)

• Don't slow a frequent action. Don't decorate a control that doesn't change state.

Accessibility & performance

• prefers-reduced-motion: shortened / disabled. Transform & opacity only (GPU-safe).