glide-design-system/.storybook/main.js

Glide design system is an open-source React component library. It offers numerous benefits that make them essential tools for design and development teams.

/** @type { import('@storybook/react-webpack5').StorybookConfig } */
const config = {
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],

  addons: [
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/preset-create-react-app',
    '@storybook/addon-onboarding',
    '@storybook/addon-interactions',
    
  ],
  framework: {
    name: '@storybook/react-webpack5',
    options: {},
  },
  docs: {
    autodocs: 'tag',
    defaultName: 'Documentation',
    // docsMode: false,
  },
  managerHead: (head) => `
  ${head}
  <link rel="preload" href="%PUBLIC_URL%/Glide.svg" />
`,
  staticDirs: ['../public'],
}
export default config