【文件属性】:
文件名称:motion-box:Chakra UI`Box`组件通过Framer Motion`motion` API进行了增强
文件大小:256KB
文件格式:ZIP
更新时间:2021-04-16 12:31:09
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)