feat(code-snippet): update story to Storybook v7 (#11312)

* chore(code-snippet): update code-snippet to sb v7 * chore(code-snippet): include storybook layers components * chore(code-snippet): include storybook layers components --------- Co-authored-by: kennylam <[email protected]> Co-authored-by: Ignacio Becerra <[email protected]>
carbon-design-system · Jan 11, 2024 · c9193f9 · c9193f9
1 parent 7901205
commit c9193f9
Show file tree

Hide file tree

Showing 4 changed files with 298 additions and 216 deletions.
diff --git a/packages/carbon-web-components/.storybook/main.ts b/packages/carbon-web-components/.storybook/main.ts
@@ -24,6 +24,8 @@ const stories = glob.sync(
     '../src/**/accordion.stories.ts',
     '../src/**/breadcrumb.mdx',
     '../src/**/breadcrumb.stories.ts',
+    '../src/**/code-snippet.mdx',
+    '../src/**/code-snippet.stories.ts',
     '../src/**/combo-box.stories.ts',
     '../src/**/combo-box.mdx',
     '../src/**/date-picker.mdx',

diff --git a/packages/carbon-web-components/src/components/code-snippet/code-snippet-story.ts b/packages/carbon-web-components/src/components/code-snippet/code-snippet-story.ts
diff --git a/...nents/code-snippet/code-snippet-story.mdx → .../components/code-snippet/code-snippet.mdx b/...nents/code-snippet/code-snippet-story.mdx → .../components/code-snippet/code-snippet.mdx
@@ -1,5 +1,8 @@
-import { Props, Description } from '@storybook/addon-docs/blocks';
+import { ArgsTable, Meta, Description } from '@storybook/addon-docs/blocks';
 import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
+import * as CodeSnippetStories from './code-snippet.stories';
+
+<Meta of={CodeSnippetStories} />
 
 # Code snippet
 
@@ -80,4 +83,4 @@ For the skeleton variation, utilize `<cds-code-snippet-skeleton>`.
 
 ## `<cds-code-snippet>` attributes and properties
 
-<Props of="cds-code-snippet" />
+<ArgsTable of="cds-code-snippet" />