@umamichi-ui/windows-phone-motion
v0.1.1
Published
Windows Phone Toolkit–derived motion tokens and CSS presets for Umamichi UI web projects.
Maintainers
Readme
@umamichi-ui/windows-phone-motion
本文本由 LLM 生成,未经人工检查,请谨慎对待
CSS motion tokens and presets derived from the Windows Phone Toolkit page transitions (Ms-PL), for Umamichi UI web projects.
Install
npm install @umamichi-ui/windows-phone-motionLocal development:
"@umamichi-ui/windows-phone-motion": "file:../umamichi-ui/windows-phone-motion"Usage
import '@umamichi-ui/windows-phone-motion';
import { initWindowsPhoneMotionNavigation } from '@umamichi-ui/windows-phone-motion/navigation';
initWindowsPhoneMotionNavigation();- Default route: turnstile (
data-wpm-route="turnstile"). UA::view-transition-groupmorph is suppressed so regions use Toolkit-style enter/exit instead of sliding to new layout positions. - Set
data-wpm-route="slide"on links (e.g. prev/next) for horizontal slide transitions. - Wrap staggered blocks in
.wpm-featherwithdata-wpm-feather-indexon children.
See ATTRIBUTION.md. Development conversation transcript: docs/development-conversation-transcript.md.
