From 9da4ae6056399477862d61dd2f6700a7385ad12a Mon Sep 17 00:00:00 2001
From: CheeseB <2489ckckck@naver.com>
Date: Fri, 26 Apr 2024 14:11:33 +0900
Subject: [PATCH] =?UTF-8?q?docs:=20SliderButton=20=EC=84=A4=EB=AA=85?=
 =?UTF-8?q?=EB=9E=80=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=EC=8A=A4=ED=86=A0?=
 =?UTF-8?q?=EB=A6=AC=EB=B6=81=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/SliderButton.mdx               |  6 +++++-
 src/stories/SliderButton.stories.ts | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 src/stories/SliderButton.stories.ts

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: {},
+};