refactor(UnorderedList): update list as ul, list items as li and add …

…container to strory
eea · Apr 11, 2022 · 2c096e1 · 2c096e1
1 parent ed95e4d
commit 2c096e1
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/src/ui/List/UnorderedList.stories.js b/src/ui/List/UnorderedList.stories.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { List } from 'semantic-ui-react';
+import { List, Container } from 'semantic-ui-react';
 
 export default {
   title: 'Components/List/Unordered list',
@@ -39,17 +39,22 @@ export default {
 
 function UnorderedList(animated, divided, horizontal, items) {
   return (
-    <List
-      bulleted
-      animated={animated}
-      divided={divided}
-      horizontal={horizontal}
-    >
-      {items &&
-        items.map((item, index) => (
-          <List.Item key={index}>{item.content}</List.Item>
-        ))}
-    </List>
+    <Container>
+      <List
+        bulleted
+        animated={animated}
+        divided={divided}
+        horizontal={horizontal}
+        as="ul"
+      >
+        {items &&
+          items.map((item, index) => (
+            <List.Item as="li" key={index}>
+              {item.content}
+            </List.Item>
+          ))}
+      </List>
+    </Container>
   );
 }