feat(ui): add With Icon storybook

themesberg · Mar 26, 2024 · bf640db · bf640db
1 parent 3d546f7
commit bf640db
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/ui/src/components/List/List.stories.tsx b/packages/ui/src/components/List/List.stories.tsx
@@ -1,6 +1,7 @@
 import type { Meta, StoryFn } from "@storybook/react";
 import type { ListProps } from "./List";
 import { List } from "./List";
+import { HiCheckCircle } from "react-icons/hi";
 
 export default {
   title: "Components/List",
@@ -96,3 +97,15 @@ HorizontalList.args = {
     </>
   ),
 };
+
+export const WithIconList = Template.bind({});
+WithIconList.storyName = 'With Icon';
+WithIconList.args = {
+  children: (
+    <>
+      <List.Item icon={HiCheckCircle}>At least 10 characters (and up to 100 characters)</List.Item>
+      <List.Item icon={HiCheckCircle}>At least one lowercase character</List.Item>
+      <List.Item icon={HiCheckCircle}>Inclusion of at least one special character, e.g., ! @ # ?</List.Item>
+    </>
+  ),
+};