预览
内容可任意高度,动画流畅。参考elementUI实现。
在线预览
如有问题欢迎issue
GitHub 源码地址: https://github.com/monoplasty/react-expanse
Installation
npm install react-expanse --save
Usage
import React, { useState } from 'react'
import ReactDom from 'react-dom'
import Expanse from "react-expanse"
function Demo() {
const [show, setShow] = useState(false);
return <div>
<button onClick={()=>setShow(!show)}>点我点我</button>
<Expanse show={show}>
<div style={{width: '400px', background: "#f2f2f2"}}>
{[1,2,3,4,5,6,7,8].map(item => <div key={item}>
这里是内容啊内容啊
</div>)}
</div>
</Expanse>
</div>
}
ReactDom.render(
<Demo />,
document.getElementById('app')
)