Storybook

Working with pnpm

npx sb init doesn't work for monorepos

setup a package in a monorepo

mkdir monorepo-package
pnpm init
pnpm i svelte              # To make SB recognize the package as a svelte project
pnpx sb init -s            # Don’t install packages, only setup the files/folders/package.json
pnpm i                     # Manually install the new deps
pnpm i -D @storybook/cli   # Also need this for start-storybook command
pnpm storybook

configure .storybook/main.js and include *.stories.@(js|jsx|ts|tsx)

module.exports = {
  stories: [
    //...
    "../**/*.stories.@(js|jsx|ts|tsx)",
  ],
  addons: [
    //...
  ],
  framework: "@storybook/react",
};

inside *.stories.tsx , set argTypes and default args

export default {
  //...
  argTypes: {
    //...
  },
};
//...
export const Primary = Template.bind({});
Primary.args = {
  //...
};