diff --git a/src/stories/Toast.stories.tsx b/src/stories/Toast.stories.tsx
index 513f5a6..14fe067 100644
--- a/src/stories/Toast.stories.tsx
+++ b/src/stories/Toast.stories.tsx
@@ -105,6 +105,30 @@ export const Loading: StoryFn<typeof Toaster> = () => {
   );
 };
 
+export const Warning: StoryFn<typeof Toaster> = () => {
+  return (
+    <div>
+      <Toaster
+        toastOptions={{
+          className: 'abc',
+          duration: 500 * 1000,
+        }}
+      />
+      <button
+        type="button"
+        onClick={() => {
+          toast.warning({
+            title: 'warning',
+            description: 'description',
+          });
+        }}
+      >
+        Show Toast
+      </button>
+    </div>
+  );
+};
+
 export const CustomIcon: StoryFn<typeof Toaster> = () => {
   const [count, setCount] = useState(0);