Transition
import { Transition } from 'wisteria-ui';
用法
Zoom
<Transition.Zoom in>Zoom</Transition.Zoom>
Fade
<Transition.Fade in>Fade</Transition.Fade>
Collapse
<Transition.Collapse in>
<div>Collapse</div>
</Transition.Collapse>
Ripple
⚠️
TODO
API
Transition
Zoom、Fade 组件属性。
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
in | 是否可见 | boolean | - |
umountOnExit | 关闭后是否销毁节点 | boolean | - |
nodeRef | 节点引用 | boolean | - |
appear | 组件首次渲染状态 | RefObject | - |
enter | 组件渲染状态 | boolean | - |
exit | 组件隐藏状态 | boolean | - |
timeout | 动画持续时间 | number | - |
Collpase
基于 Transition 组件,下面为额外新增属性。
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
direction | 收缩方向 | horizontal | vertical | - |