diff --git a/src/contexts/stories/snackbar.stories.tsx b/src/contexts/stories/snackbar.stories.tsx
new file mode 100644
index 0000000..ffe7609
--- /dev/null
+++ b/src/contexts/stories/snackbar.stories.tsx
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { SnackbarProvider, useSnackbar } from '../snackbar';
+
+const meta: Meta<typeof Snackbar> = {
+  component: SnackbarProvider,
+  title: 'SnackbarProvider',
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  render: () => (
+    <SnackbarProvider>
+      <Snackbar />
+    </SnackbarProvider>
+  ),
+};
+
+function Snackbar() {
+  const snackbar = useSnackbar();
+
+  return <button onClick={() => snackbar('Hello World')}>Show Snackbar</button>;
+}