diff --git a/demo/src/Components/Notification/index.stories.tsx b/demo/src/Components/Notification/index.stories.tsx
new file mode 100644
index 00000000..87f28595
--- /dev/null
+++ b/demo/src/Components/Notification/index.stories.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import {Notification as Component} from '@diplodoc/components';
+
+const NotificationDemo = (args: Record<string, string>) => {
+    const currentType = args['Type'];
+    const currentTitle = args['Title'];
+    const currentContent = args['Content'];
+
+    return (
+        <Component
+            notification={{
+                title: currentTitle,
+                content: currentContent,
+                type: currentType,
+            }}
+            notificationCb={() => alert('Hello')}
+        />
+    );
+};
+
+export default {
+    title: 'Components/Notification',
+    component: NotificationDemo,
+    argTypes: {
+        Type: {
+            control: 'select',
+            options: {
+                info: 'info',
+                tip: 'tip',
+                warning: 'warning',
+                alert: 'alert',
+            },
+        },
+        Title: {
+            control: 'text',
+        },
+    },
+};
+
+export const Notification = {
+    args: {
+        Type: 'info',
+        Title: 'Test title',
+        Content: 'Test content',
+    },
+};