@rax-ui/toast

Toast

弱提示

API

Props

名称	说明	类型	默认值
visible	是否可见（受控）	boolean	false
content	提示内容（必填）	string or RAX Node
title	提示标题	string
icon	提示图标	string
image	图片路径	string
duration	多久后消失	number	2000
onHide	需要被关闭时的回调	(reason, e) => void
onEntered	进入动画结束后的回调
onExited	退出动画结束后的回调

快捷调用 （WEB, Weex）

【不推荐】

import Toast from '@rax-ui/toast';

Toast.show('content content content');
Toast.show('content content content', 3000); // hide after 3000ms
Toast.show({
  // custom
  center: true,
  icon: 'icon',
  title: 'title',
  duration: 4000,
  content: 'content content content',
});

Toast.hide(); // hide immediately

CSS API

名称	说明
toast	容器
toast__title	标题容器
toast__icon	图标
toast__title__text	标题
toast__content	内容容器
toast__content--only	只有内容的容器
toast__content__text	内容
toast__content__text--only	只有内容