chore(Chip): Updating storybook stories

rmwc · Feb 23, 2018 · dfa7d48 · dfa7d48
1 parent f2ac2a3
commit dfa7d48
Showing 1 changed file with 34 additions and 8 deletions.
diff --git a/src/Chip/chip.story.js b/src/Chip/chip.story.js
@@ -1,12 +1,38 @@
 import React from 'react';
 
 import { storiesOf } from '@storybook/react';
-import { Chip, ChipSet } from './';
+import { Chip, ChipText, ChipIcon, ChipSet } from './';
 
-storiesOf('Chips', module).add('Chip', () => (
-  <ChipSet>
-    <Chip>Cookies</Chip>
-    <Chip>Pizza</Chip>
-    <Chip>Icecream</Chip>
-  </ChipSet>
-));
+storiesOf('Chips', module)
+  .add('Chip', () => (
+    <ChipSet>
+      <Chip>
+        <ChipText>Cookies</ChipText>
+      </Chip>
+      <Chip>
+        <ChipText>Pizza</ChipText>
+      </Chip>
+      <Chip>
+        <ChipText>Icecream</ChipText>
+      </Chip>
+    </ChipSet>
+  ))
+  .add('Chip with icons', () => (
+    <ChipSet>
+      <Chip>
+        <ChipIcon use="star_border" leading />
+        <ChipText>Cookies</ChipText>
+        <ChipIcon use="close" trailing />
+      </Chip>
+      <Chip>
+        <ChipIcon use="favorite_border" leading />
+        <ChipText>Pizza</ChipText>
+        <ChipIcon use="close" trailing />
+      </Chip>
+      <Chip>
+        <ChipIcon use="mood" leading />
+        <ChipText>Icecream</ChipText>
+        <ChipIcon use="close" trailing />
+      </Chip>
+    </ChipSet>
+  ));