motion-box:Chakra UI`Box`组件通过Framer Motion`motion` API进行了增强

时间:2024-05-06 06:17:49
【文件属性】:

文件名称:motion-box:Chakra UI`Box`组件通过Framer Motion`motion` API进行了增强

文件大小:256KB

文件格式:ZIP

更新时间:2024-05-06 06:17:49

TypeScript

motion-box 脉轮UI的的超级简单抽象Box部件,具有成帧器运动增强从道具motion API。 安装 此程序包需要Chakra UI及其对等项依赖项。 如果您尚未在项目中安装Chakra UI,请找到必要的功能。 使用npm: npm install motion - box 使用纱: yarn add motion - box 用法 import MotionBox from 'motion-box' ; function Example ( ) { return ( < MotionBox height = "40px" bg = "red.300" drag = "x" dragConstraints = { { left : - 100 , right : 100 } } whileHove


【文件预览】:
motion-box-main
----.storybook()
--------preview-body.html(2KB)
--------manager.js(671B)
--------preview-head.html(839B)
--------main.js(2KB)
--------preview.tsx(3KB)
----package.json(2KB)
----.github()
--------workflows()
----LICENSE(1KB)
----src()
--------MotionBox.test.tsx(334B)
--------index.tsx(370B)
--------MotionBox.stories.tsx(943B)
----tsconfig.json(1KB)
----.gitignore(41B)
----README.md(823B)
----yarn.lock(656KB)
----.vscode()
--------settings.json(2B)

网友评论