New
Storybook’s Visual Tests addon enters betaVisual test with Chromatic
Star82,099
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
auto-angular-story-generator
This is a fork of @takuma-ru/auto-story-generator and supports Angular
npm install auto-angular-story-generator
Last updated 23 days ago
5
Downloads per week
Readme View on GitHub

@takuma-ru/auto-story-generator

asg-thumbnail

Description

Automatic real-time story file generation from React, Vue, and Lit component files

Getting Started

1. Install the package

npm i @takuma-ru/auto-story-generator

2. Add config

Add settings to main.ts in Storybook (./storybook/main.ts)

For React, Vite

import type { StorybookConfig } from "@storybook/react-vite";

import { mergeConfig } from "vite";

import autoStoryGenerator from "@takuma-ru/auto-story-generator";

const config: StorybookConfig = {
  viteFinal: async (config) =>
    mergeConfig(config, {
      plugins: [
        autoStoryGenerator.vite({
          preset: "react",
          imports: ["**/src/components/**/*.tsx"],
        }),
      ],
    }),
};

export default config;

Supported Frameworks

✅: Supported 🚧: Work in progress ❌: Not supported 📝: Not yet implemented

Framework Supported
React
Vue 🚧
Lit
Angular
Svelte 📝
Join the community
6,514 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI