Documentation

Toast

160×32 Toast、堆栈与 8×8 通知角标。

配方已解锁

解锁了新配方

import { Toast, ToastStack } from "./index";

export function ToastDemo() {
  return <Toast description="解锁了新配方" icon="sprites/toast/recipe_book.png" title="配方已解锁" />;
}

export function ToastStackDemo() {
  return <ToastStack toasts={[{ title: "A" }, { title: "B", variant: "system" }]} />;
}

Install

CLI copy

$npx shadcn add @tennantite/toast

npm install

$pnpm add @tennantite/ui

npm installs the compiled package; use the CLI copy above to adapt the source.

Source

packages/ui/src/screens/menus/toast/index.tsx

The npm package keeps the source tree, so you can copy and adapt it directly.