https://github.com/nicolas-godefroy-dev/storybook-generator

Quickly create Storybook's stories for your Typescript React components
https://github.com/nicolas-godefroy-dev/storybook-generator

react react-native storybook typescript vscode-extension

Last synced: 3 months ago
JSON representation

Quickly create Storybook's stories for your Typescript React components

• Host: GitHub
• URL: https://github.com/nicolas-godefroy-dev/storybook-generator
• Owner: nicolas-godefroy-dev
• License: mit
• Created: 2025-01-04T00:20:45.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-04T09:53:38.000Z (over 1 year ago)
• Last Synced: 2025-03-04T10:36:08.550Z (over 1 year ago)
• Topics: react, react-native, storybook, typescript, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=NicolasGodefroy.storybook-generator
• Size: 998 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🤖 Storybook Generator

A Visual Studio Code Generator to create Storybook stories from your components real quick.

Open the tsx file that contains the component for which you want to create a story, then from the command palette run.

⌘ Command + ⇧ Shift + P

and type

`"Story: Create a Storybook Story"`

![Create a Storybook story command demo](command-demo.gif)

A new _unsaved_ file will be created with the basics of a Storybook story in the Component Story Format (CSF) filled out for you. Move between the placeholders with TAB, customize the names as you want and you are done.

The extension will try to understand the properties it takes filling them out for you with some placeholders, or a default value if available.

---

Credits: This extension is an extension and update of riccardo-forina's brilliant extension (riccardo-forina/storybook-vscode-helper)