From 7db683d939d08a465df6fbb1dc7cbfc5b7396bf4 Mon Sep 17 00:00:00 2001
From: fatemeh paghar <66066475+paghar@users.noreply.github.com>
Date: Tue, 12 Dec 2023 08:45:10 +0100
Subject: [PATCH] feat(list.stories.tsx): add horizontal stories (#1180)

---
 src/components/List/List.stories.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/components/List/List.stories.tsx b/src/components/List/List.stories.tsx
index 6464d7f4e..18758ecbc 100644
--- a/src/components/List/List.stories.tsx
+++ b/src/components/List/List.stories.tsx
@@ -79,3 +79,20 @@ OrderedList.args = {
     </>
   ),
 };
+
+export const HorizontalList = Template.bind({});
+HorizontalList.storyName = 'Horizontal';
+HorizontalList.args = {
+  horizontal: true,
+  children: (
+    <>
+      <List.Item>About</List.Item>
+      <List.Item>Premium</List.Item>
+      <List.Item>Campaigns</List.Item>
+      <List.Item>Blog</List.Item>
+      <List.Item>Affiliate Program</List.Item>
+      <List.Item>FAQs</List.Item>
+      <List.Item>Contact</List.Item>
+    </>
+  ),
+};