docs(OrderedList): create component story (carbon-design-system#1723)

joshblack · Jan 29, 2019 · 6c9b883 · 6c9b883
1 parent 3acc87c
commit 6c9b883
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/src/components/OrderedList/OrderedList-story.js b/src/components/OrderedList/OrderedList-story.js
@@ -0,0 +1,44 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import OrderedList from '../OrderedList';
+import ListItem from '../ListItem';
+
+storiesOf('OrderedList', module)
+  .add(
+    'default',
+    () => (
+      <OrderedList>
+        <ListItem>Unordered List level 1</ListItem>
+        <ListItem>Unordered List level 1</ListItem>
+        <ListItem>Unordered List level 1</ListItem>
+      </OrderedList>
+    ),
+    {
+      info: {
+        text: `Lists consist of related content grouped together and organized vertically. Ordered lists are used to present content in a numbered list.`,
+      },
+    }
+  )
+  .add(
+    'nested',
+    () => (
+      <OrderedList>
+        <ListItem>Unordered List level 1</ListItem>
+        <OrderedList nested>
+          <ListItem>Unordered List level 2</ListItem>
+          <ListItem>Unordered List level 2</ListItem>
+          <OrderedList nested>
+            <ListItem>Unordered List level 2</ListItem>
+            <ListItem>Unordered List level 2</ListItem>
+          </OrderedList>
+        </OrderedList>
+        <ListItem>Unordered List level 1</ListItem>
+        <ListItem>Unordered List level 1</ListItem>
+      </OrderedList>
+    ),
+    {
+      info: {
+        text: `Lists consist of related content grouped together and organized vertically. Ordered lists are used to present content in a numbered list.`,
+      },
+    }
+  );