使有生气

向组件引入动画的简单界面。

用法

从“@wordpress/components”导入{Animate,Notice};const MyAnimatedNotice=()=>(<动画type=“slide-in”options={{origin:'top'}>{({className})=>(<通知className={className}status=“success”><p>动画完成</p>(第页)</通知>) }</动画>);

道具

姓名 类型 违约 描述
类型 一串 未定义 要使用的动画类型。
选项 对象 {} 所选动画的选项。
儿童 功能 未定义 接收道具列表的回调(类名)应用于要设置动画的DOM元素。

可用动画类型

出现

此动画用于弹出/模式内容,如出现的菜单。它显示动画元素的高度和宽度,从原点缩放到全尺寸。

选项

姓名 类型 违约 描述
起源 一串 上止点 起点(顶部,底部,中间偏右,左边,中心).

加载

此动画用于指示活动正在后台进行。它是一个从50%到完全不透明度的无限循环渐变。此动画没有选项,应在相关操作完成后立即删除。

滑入

此动画用于侧栏和滑动菜单。它显示动画元素从隐藏位置移动到正常位置的高度和宽度。

选项

姓名 类型 违约 描述
起源 一串 左边 起点(左边).