[#390] storybook snippet 작성 (#391)

prgrms-web-devcourse · Aug 8, 2023 · 4fdc294 · 4fdc294
1 parent e5f8fcd
commit 4fdc294
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/.vscode/storybook.code-snippets b/.vscode/storybook.code-snippets
@@ -0,0 +1,24 @@
+{
+  "create a story for react component": {
+    "scope": "typescript,typescriptreact",
+    "prefix": "!story",
+    "body": [
+      "import { Meta, StoryObj } from '@storybook/react';",
+      "",
+      "const meta: Meta<typeof ${1:${TM_FILENAME_BASE/(.*)\\..+$/$1/}}> = {",
+      "  title: 'Base/${1}',",
+      "  component: ${1},",
+      "  tags: ['autodocs'],",
+      "};",
+      "",
+      "export default meta;",
+      "",
+      "type Story = StoryObj<typeof ${1}>;",
+      "",
+      "export const Default: Story = {",
+      "  args: {$2},",
+      "};",
+      ""
+    ]
+  }
+}