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 | 只有内容 |