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.
معلومات المصدر
- المستودع
- nexu-io/motion-anything
- آخر نشاط في المصدر
- ٦ يوليو ٢٠٢٦ في ١٤:٥٦
- لغة SKILL.md المكتشفة
- الإنجليزية
- النجوم
- ٨٤٦
- التفرعات
- ١٠٢
خيارات التثبيت
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
مراجعة ملفات المصدر
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
مستكشف الملفات
5 ملفاتعرض SKILL.md
SKILL.md
تعليمات المصدر · معاينة للقراءة فقط- name
- button-press
- description
- 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.
- triggers
- ["button","按钮按压"]
- od
- {"mode":"prototype","surface":"web","platform":"mobile","category":"animation-motion","upstream":null,"preview":{"type":"html"},"design_system":{"requires":false},"example_prompt":"Use button-press on the button: a quick, native-feeling micro-interaction with a\nprefers-reduced-motion fallback.\n"}
# Button Press
A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction. Part of
[motion-anything](https://github.com/nexu-io/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).
عرض على GitHub