@rax-ui/toast NPM

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