组件
Transition

Transition

import { Transition } from 'wisteria-ui';

用法

Zoom

<Transition.Zoom in>Zoom</Transition.Zoom>
Zoom Transition

Fade

<Transition.Fade in>Fade</Transition.Fade>
Fade Transition

Collapse

<Transition.Collapse in>
  <div>Collapse</div>
</Transition.Collapse>
Collapse Transition

Ripple

⚠️
TODO
Ripple Transition
Ripple

API

Transition

ZoomFade 组件属性。
属性说明类型默认值
in是否可见boolean-
umountOnExit关闭后是否销毁节点boolean-
nodeRef节点引用boolean-
appear组件首次渲染状态RefObject-
enter组件渲染状态boolean-
exit组件隐藏状态boolean-
timeout动画持续时间number-

Collpase

基于 Transition 组件,下面为额外新增属性。
属性说明类型默认值
direction收缩方向horizontal | vertical-