docs(storybook): add controls to combo-box and codesnippet (#11607)

* docs(storybook): add controls to combo-box and codesnippet * chore(code-snippet): remove old story file * chore(storybook): removed commented out code * chore(storybook): update control options Co-authored-by: Josh Black <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Jun 17, 2022 · 379366b · 379366b
1 parent 2f003d4
commit 379366b
Show file tree

Hide file tree

Showing 6 changed files with 158 additions and 386 deletions.
diff --git a/packages/react/src/components/CodeSnippet/CodeSnippet-story.js b/packages/react/src/components/CodeSnippet/CodeSnippet-story.js
diff --git a/packages/react/src/components/CodeSnippet/CodeSnippet-story.scss b/packages/react/src/components/CodeSnippet/CodeSnippet-story.scss
diff --git a/...s/CodeSnippet/next/CodeSnippet.stories.js → ...onents/CodeSnippet/CodeSnippet.stories.js b/...s/CodeSnippet/next/CodeSnippet.stories.js → ...onents/CodeSnippet/CodeSnippet.stories.js
@@ -6,9 +6,9 @@
  */
 
 import React from 'react';
-import { default as CodeSnippet, CodeSnippetSkeleton } from '../';
-import { Layer } from '../../Layer';
-import mdx from '../CodeSnippet.mdx';
+import { default as CodeSnippet, CodeSnippetSkeleton } from '.';
+import { Layer } from '../Layer';
+import mdx from './CodeSnippet.mdx';
 
 export default {
   title: 'Components/CodeSnippet',
@@ -220,3 +220,32 @@ export const Skeleton = () => (
     <CodeSnippetSkeleton type="multi" />
   </div>
 );
+
+export const Playground = (args) => (
+  <CodeSnippet feedback="Copied to clipboard" {...args}>
+    {'node -v'}
+  </CodeSnippet>
+);
+
+Playground.argTypes = {
+  ariaLabel: {
+    table: {
+      disable: true,
+    },
+  },
+  children: {
+    table: {
+      disable: true,
+    },
+  },
+  onClick: {
+    table: {
+      disable: true,
+    },
+  },
+  type: {
+    table: {
+      disable: true,
+    },
+  },
+};