【文件属性】:
文件名称:react-collapsed:一个React自定义钩子,用于创建灵活且可访问的expandcollapse组件
文件大小:298KB
文件格式:ZIP
更新时间:2021-04-28 23:57:01
react typescript animation css-animations collapse
React折叠(useCollapse)
用于在React中创建可访问的扩展/折叠组件的自定义钩子。 使用从0到auto CSS过渡对高度进行动画处理。
特征
处理您的元素的动画的高度, auto列入!
您可以控制UI- useCollapse提供必要的道具,您可以控制样式和元素。
开箱即用-无需担心折叠/展开组件是否可访问,因为这会为您解决!
无需动画框架! 只需由CSS动画驱动
用TypeScript编写
演示版
安装
$ yarn add react-collapsed
# or
$ npm i react-collapsed
用法
简单用法
import React from 'react' ;
import useCollapse from 'react-collapsed' ;
function Demo ( ) {
const { getCollapseProps