feat(icons-react): add elements section & icon next stories (#9147)

* feat: add elements section & icon stories * fix: lint styles Co-authored-by: Josh Black <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Sep 9, 2021 · c1e34b2 · c1e34b2
1 parent cf503d6
commit c1e34b2
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 2 deletions.
diff --git a/packages/carbon-react/src/components/Grid/Grid.stories.js b/packages/carbon-react/src/components/Grid/Grid.stories.js
@@ -15,7 +15,7 @@ import React from 'react';
 import mdx from './Grid.mdx';
 
 export default {
-  title: 'Components/Grid',
+  title: 'Elements/Grid',
   component: Grid,
   subcomponents: {
     Column,

diff --git a/packages/carbon-react/src/components/Icons/Icons.stories.js b/packages/carbon-react/src/components/Icons/Icons.stories.js
@@ -0,0 +1,34 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { Bee, Bicycle, ChevronUp } from '@carbon/icons-react/next';
+import './Icons.stories.scss';
+
+export default {
+  title: 'Elements/Icons',
+};
+
+export const Default = () => {
+  return (
+    <>
+      <section>
+        <h2>16 pixel (default)</h2>
+        <Bee />
+      </section>
+
+      <section>
+        <h2>20 pixel</h2>
+        <Bicycle size={20} />
+      </section>
+
+      <section>
+        <h2>32 pixel</h2>
+        <ChevronUp size={32} />
+      </section>
+    </>
+  );
+};
diff --git a/packages/carbon-react/src/components/Icons/Icons.stories.scss b/packages/carbon-react/src/components/Icons/Icons.stories.scss
@@ -0,0 +1,6 @@
+section {
+  display: flex;
+  width: 10rem;
+  justify-content: space-between;
+  margin: 2rem;
+}
diff --git a/packages/carbon-react/src/components/Plex/Plex.stories.js b/packages/carbon-react/src/components/Plex/Plex.stories.js
@@ -7,7 +7,7 @@
 import React from 'react';
 
 export default {
-  title: 'Components/Plex',
+  title: 'Elements/Plex',
   argTypes: {
     fontWeight: {
       defaultValue: 'Regular',