39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
import type { Meta, StoryObj } from "@storybook/react";
|
|
import { Button, Toaster, toast } from "../src/index.js";
|
|
|
|
const meta = {
|
|
title: "Basic/Toaster",
|
|
component: Toaster,
|
|
tags: ["autodocs"],
|
|
} satisfies Meta<typeof Toaster>;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Default: Story = {
|
|
render: () => (
|
|
<div className="flex flex-wrap gap-2">
|
|
<Toaster position="top-center" />
|
|
<Button
|
|
onClick={() =>
|
|
toast.success("保存成功", {
|
|
description: "更改已写入本地状态。",
|
|
})
|
|
}
|
|
>
|
|
成功 toast
|
|
</Button>
|
|
<Button
|
|
variant="destructive"
|
|
onClick={() =>
|
|
toast.error("操作失败", {
|
|
description: "请检查网络后重试。",
|
|
})
|
|
}
|
|
>
|
|
失败 toast
|
|
</Button>
|
|
</div>
|
|
),
|
|
};
|