feat(list.stories.tsx): add horizontal stories (#1180)

themesberg · Dec 12, 2023 · 7db683d · 7db683d · vercel · Dec 12, 2023
1 parent 1fbe6ca
commit 7db683d
Showing 1 changed file with 17 additions and 0 deletions.
diff --git 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>
+    </>
+  ),
+};