diff --git a/docs/SliderButton.mdx b/docs/SliderButton.mdx
index 9f214e0..dbd96d7 100644
--- a/docs/SliderButton.mdx
+++ b/docs/SliderButton.mdx
@@ -4,7 +4,7 @@ SliderButton
 
 ## Description
 
-Slider Button
+This component represents a slider button used for navigating left or right within a slider or carousel interface. It provides functionality for the user to move between different items in the slider by clicking on the respective left or right button.
 
 ## Anatomy
 
@@ -20,3 +20,7 @@ import { SliderButton } from 'ggf-ui';
 ```tsx
 <SliderButton onClick={onClick} type='right' />
 ```
+
+## Storybook
+
+[https://661f5982ddc662c8c9a12d6b-myronoygng.chromatic.com/?path=/story/buttons-sliderbutton--example&globals=backgrounds.value:!hex(333333)](<https://661f5982ddc662c8c9a12d6b-myronoygng.chromatic.com/?path=/story/buttons-sliderbutton--example&globals=backgrounds.value:!hex(333333)>)
diff --git a/src/stories/SliderButton.stories.ts b/src/stories/SliderButton.stories.ts
new file mode 100644
index 0000000..d8ba4c8
--- /dev/null
+++ b/src/stories/SliderButton.stories.ts
@@ -0,0 +1,15 @@
+import SliderButton from '@/components/SliderButton';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+const meta = {
+  title: 'Buttons/SliderButton',
+  component: SliderButton,
+} satisfies Meta<typeof SliderButton>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+  args: {},
+};