Storybook VSCode React Snippet

typescript.json

// Add this to your typescript.json snippet file in VSCode
// cmd+shift+p > Snippet: configure user snippets > typescript.json

{
	// OTHER SNIPPETS ABOVE
  
  "Storybook CSF 3.0": {
    "scope": "typescript,typescriptreact",
    "prefix": "storybook",
    "body": [
      "import type { Meta, StoryObj } from '@storybook/react'",
      "",
      "import { $1 } from './$1'",
      "",
      "const meta: Meta<typeof $1> = {",
      "  // Update the path",
      "  title: 'Common/$1',",
      "  component: $1,",
      "  argTypes: {",
      "    className: { table: { disable: true } },",
      "  },",
      "}",
      "",
      "export default meta",
      "type Story = StoryObj<typeof $1>",
      "",
      "// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args",
      "export const Primary: Story = {}"
    ],
    "description": "Storybook Story CSF 3.0 for React "
  }
}