Button Press

A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.

xpert-ai c071187 5 files · 4.2 KB Updated

File contents

Button Press

A button that springs down on press and pops back — tactile tap feedback. 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).

xpert-ai/xpert-plugins/tree/main/xpertai/apps/motion/assets/upstream/recipes/app/button-press commit c0711879f0

Frequently asked questions

npx skillmds@latest add xpert-ai/button-press