轻提示

toast

与 behaviors/toast 配套（toast.css 提供容器与滑入动画）：toast.ok / err / warn。

示例

<div class="demo-row">
  <button class="btn" id="toast-demo-ok">成功提示</button>
  <button class="btn" id="toast-demo-err">错误提示</button>
  <button class="btn" id="toast-demo-warn">警告提示</button>
</div>

安装

bun add @icen.ai/ui
import '@icen.ai/ui/components/toast.css';

用法

import { toast } from '@icen.ai/ui/behaviors/toast';
toast.ok('已保存');
toast.err('保存失败');
toast.warn('配额将尽');