Update Toast.stories.tsx

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
2026-03-30 12:05:12 +01:00
parent cf2de9c8b8
commit 4dab043bd5
1 changed files with 29 additions and 0 deletions
@@ -158,6 +158,35 @@ export const Default = meta.story({
  ),
 });

+const previewQueue = new ToastQueue<ToastApiMessageContent>({
+  maxVisibleToasts: 4,
+});
+previewQueue.add({
+  title: 'Changes saved successfully',
+  description: 'Your changes have been saved.',
+  status: 'success',
+});
+
+export const PreviewToast = meta.story({
+  render: () => <ToastContainer queue={previewQueue} />,
+});
+
+const timerQueue = new ToastQueue<ToastApiMessageContent>({
+  maxVisibleToasts: 4,
+});
+timerQueue.add(
+  {
+    title: 'Auto-dismissing in 5 seconds',
+    description: 'This toast will disappear automatically.',
+    status: 'info',
+  },
+  { timeout: 5000 },
+);
+
+export const PreviewToastWithTimer = meta.story({
+  render: () => <ToastContainer queue={timerQueue} />,
+});
+
 export const StatusVariants = meta.story({
  render: () => (
    <>