From 048a272d2f9f770c2c52969e38d3cf9792134b5d Mon Sep 17 00:00:00 2001
From: Abiria <abiria.dev@gmail.com>
Date: Tue, 7 May 2024 18:44:59 +0900
Subject: [PATCH] =?UTF-8?q?docs:=20<CircularRate=20/>=EC=97=90=20=EB=A7=8E?=
 =?UTF-8?q?=EC=9D=80=20=EC=8A=A4=ED=86=A0=EB=A6=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CircularRate/CircularRate.stories.ts      | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/Components/CircularRate/CircularRate.stories.ts b/src/Components/CircularRate/CircularRate.stories.ts
index a6dd8a9e..7f5834d7 100644
--- a/src/Components/CircularRate/CircularRate.stories.ts
+++ b/src/Components/CircularRate/CircularRate.stories.ts
@@ -29,3 +29,27 @@ export const CirculatingGradient: Story = {
     gradientColors: [theme.color.purple1, theme.color.orange1, theme.color.purple1],
   },
 };
+
+export const Monotone: Story = {
+  args: {
+    gradientColors: [theme.color.purple1, theme.color.purple1],
+  },
+};
+
+export const Proactiveness: Story = {
+  args: {
+    percentage: 70,
+  },
+};
+
+export const ZeroPercent: Story = {
+  args: {
+    percentage: 0,
+  },
+};
+
+export const FullPercent: Story = {
+  args: {
+    percentage: 100,
+  },
+};