向组件引入动画的简单界面。
从“@wordpress/components”导入{Animate,Notice};const MyAnimatedNotice=()=>(<动画type=“slide-in”options={{origin:'top'}>{({className})=>(<通知className={className}status=“success”><p>动画完成</p>(第页)</通知>) }</动画>);
姓名 |
类型 |
违约 |
描述 |
类型 |
一串 |
未定义 |
要使用的动画类型。 |
选项 |
对象 |
{} |
所选动画的选项。 |
儿童 |
功能 |
未定义 |
接收道具列表的回调(类名 )应用于要设置动画的DOM元素。 |
此动画用于弹出/模式内容,如出现的菜单。它显示动画元素的高度和宽度,从原点缩放到全尺寸。
选项
姓名 |
类型 |
违约 |
描述 |
起源 |
一串 |
上止点 |
起点(顶部 ,底部 ,中间偏右 ,左边 ,中心 ). |
此动画用于指示活动正在后台进行。它是一个从50%到完全不透明度的无限循环渐变。此动画没有选项,应在相关操作完成后立即删除。
此动画用于侧栏和滑动菜单。它显示动画元素从隐藏位置移动到正常位置的高度和宽度。
选项
姓名 |
类型 |
违约 |
描述 |
起源 |
一串 |
左边 |
起点(左边 ). |