Toast 轻提示

import { Cell, Toast } from "@taroify/core"

function ImperativeToast() {
  return (
    <>
      <Toast id="toast" />
      <Cell title="函数调用" clickable isLink onClick={() => Toast.open("文字提示")} />
    </>
  )
}

import { Cell, Toast } from "@taroify/core"

function BasicToast() {
  const [open, setOpen] = useState(false)

  return (
    <>
      <Toast open={open} onClose={setOpen}>
        文字提示
      </Toast>
      <Cell title="基础用法" clickable onClick={() => setOpen(true)} />
    </>
  )
}

function TextToast() {
  return (
    <>
      <Toast id="toast" />
      <Cell clickable title="文字提示" isLink onClick={() => Toast.open("文字提示")} />
    </>
  )
}

<Toast open type="loading">
  加载中...
</Toast>

<Toast open type="success">成功文案</Toast>
<Toast open type="fail">失败文案</Toast>

<Toast open icon={<LikeOutlined />}>自定义图标</Toast>
<Toast open icon={<Image style={{ width: "1em", height: "1em" }}
                         src="https://img01.yzcdn.cn/vant/logo.png" />}>
  自定义图片
</Toast>
<Toast open icon={<Loading />}>加载中...</Toast>

<Toast open position="top">顶部展示</Toast>
<Toast open position="bottom">底部展示</Toast>