mhy
  • Introduction
  • Basics
    • Installation
    • Usage
    • UI
    • Ecosystem
    • How does it work?
  • Tools
    • Built-ins
      • boot
      • config
      • dep
      • options
      • ui
    • Processes
      • eslint
      • jest
      • node
      • nodemon
      • prettier
      • standard-version
      • storybook-start
      • storybook-build
      • tsc
      • webpack
      • webpack-bundle-analyzer
      • webpack-dev-server
    • Configs
      • eslint
      • gitignore
      • jest
      • manifest
      • mhy
      • npmignore
      • prettier
      • storybook
      • typescript
      • webpack
  • IDE setup
    • WebStorm & PHPStorm
    • VSCode
  • Recipes and Examples
    • package.json overrides
    • Add your own
  • Others
    • FAQ
    • Help
    • Development of mhy
    • Suggest a library
Powered by GitBook
On this page
  • Default command
  • CLI Options
  • Example
  • Customization

Was this helpful?

  1. Tools
  2. Processes

storybook-start

  • Alias: sb-start

  • Storybook is being setup to use mhy's Webpack and SWC config.

Default command

start-storybook

CLI Options

https://storybook.js.org/configurations/cli-options/

Example

mhy sb-start
# or
mhy storybook-start

Customization

To customize your Storybook you can create storybook.preview.js, storybook.manager.js and/or storybook.main.js files anywhere inside your src folder.

Preview file is also supporting parameters, globalTypes and decorators exports. The difference is that you need to use a function where you'll get the default values as a parameter. Manipulate this value however you want.

export const parameters = (defaults) => {
    defaults.foo = 'bar'
}

The above is also for for main.js's default export where you can define addons for example.

Previousstandard-versionNextstorybook-build

Last updated 2 years ago

Was this helpful?