react-touch-ripple:使用React在Material Design中创建涟漪效果

时间:2024-06-03 02:45:59
【文件属性】:

文件名称:react-touch-ripple:使用React在Material Design中创建涟漪效果

文件大小:122KB

文件格式:ZIP

更新时间:2024-06-03 02:45:59

react material material-design react-component ripple

React触摸波纹 使用React在Material Design中创建涟漪效果 安装 npm install react-touch-ripple --save 用法 基本用法 import Ripples from 'react-touch-ripple' ; const Demo = ( ) => ( < Ripples> < button > CLICK < / button > < / Ripples > ) ; ReactDOM . render ( < Demos> , tree ) ; 自定义样式 这里的简短说明: 是一个包装在其子组件上的盒子(在本例中为<button> ),如果要添加诸如box-shadow或margin样式,请确保将其直接应用于包装子组件子组件的 const StyledWrapperDemo


【文件预览】:
react-touch-ripple-master
----.travis.yml(34B)
----.eslintrc(4KB)
----.babelrc(915B)
----config()
--------webpack.config.prod.js(15KB)
--------polyfills.js(788B)
--------webpackDevServer.config.js(5KB)
--------webpack.config.dev.js(12KB)
--------jest()
--------env.js(3KB)
--------paths.js(2KB)
----docs()
--------src()
--------public()
----flow-typed()
--------npm()
----.flowconfig(103B)
----package.json(4KB)
----.github()
--------PULL_REQUEST_TEMPLATE.md(0B)
--------ISSUE_TEMPLATE.md(0B)
----README-zh_CN.md(2KB)
----LICENSE(1KB)
----CONTRIBUTING.md(0B)
----src()
--------style()
--------index.js(43B)
--------__tests__()
--------RippleWrapper.jsx(6KB)
--------Ripple.jsx(2KB)
----.gitignore(297B)
----CHANGELOG.md(0B)
----CODE_OF_CONDUCT.md(0B)
----README.md(2KB)
----yarn.lock(263KB)
----.eslintignore(91B)
----scripts()
--------copyFiles.js(2KB)
--------test.js(732B)
--------build.js(5KB)
--------babel-preset.js(370B)
--------setupTests.js(122B)
--------start.js(3KB)

网友评论