react-collapse:组件包装器,用于使用CSS折叠动画,用于具有可变高度和动态高度的元素

时间:2021-04-28 23:56:52
【文件属性】:
文件名称:react-collapse:组件包装器,用于使用CSS折叠动画,用于具有可变高度和动态高度的元素
文件大小:254KB
文件格式:ZIP
更新时间:2021-04-28 23:56:52
react codepen accordion collapsible codesandbox React崩溃 使用具有可变高度和动态高度的元素CSS过渡折叠组件。 React崩溃 演示版 需要CSS :warning: 您需要在自己的样式表中添加样式(过渡)以添加动画。 这是一个例子。 < style > . collapse-css-transition { transition : height 280 ms cubic-bezier ( 0.4 , 0 , 0.2 , 1 ); } </ style > 或者,您可以使用transition道具添加它。 安装React 16.8+ UMD缩小了3.8kb,压缩了1.7kb npm i @kunukn/react-collapse # or # yarn add @kunukn/react-collapse 安装React 16.3+ UMD缩小了5.8kb,压缩了2.1kb npm i @kunukn/
【文件预览】:
react-collapse-master
----rollup.config.js(3KB)
----postcss.config.js(59B)
----stories()
--------index.stories.js(85B)
--------addon-backgrounds.js(283B)
--------storybook.scss(236B)
----yarn.lock(573KB)
----.eslintrc.js(531B)
----webpack.config.js(6KB)
----src()
--------index.html(332B)
--------development-entry.js(4KB)
--------validate-entry.js(457B)
--------components()
----babel.config.js(692B)
----.vscode()
--------settings.json(1KB)
----.storybook()
--------webpack.config.js(2KB)
--------config.js(310B)
--------.babelrc(233B)
--------addons.js(231B)
--------configureViewport.js(520B)
----.stylelintrc.js(21B)
----types()
--------simple.test.tsx(791B)
--------tsconfig.json(691B)
--------tslint.json(496B)
--------index.d.ts(746B)
----LICENSE(1KB)
----test()
--------__mocks__()
----jest.config.js(1KB)
----README.md(10KB)
----rollup-plugins()
--------sizes-plugin.js(486B)
----.gitignore(971B)
----logo()
--------collapse.svg(460B)
----.prettierrc.js(21B)
----notes.md(193B)
----CHANGELOG.md(260B)
----.eslintignore(16B)
----package.json(6KB)

网友评论