import type { StorybookConfig } from '@storybook/nextjs';
|
|
|
|
const config: StorybookConfig = {
|
|
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
|
addons: [
|
|
'@storybook/addon-onboarding',
|
|
'@storybook/addon-links',
|
|
'@storybook/addon-essentials',
|
|
'@chromatic-com/storybook',
|
|
'@storybook/addon-interactions',
|
|
{
|
|
name: '@storybook/addon-postcss',
|
|
options: {
|
|
cssLoaderOptions: {
|
|
// When you have splitted your css over multiple files
|
|
// and use @import('./other-styles.css')
|
|
importLoaders: 1,
|
|
},
|
|
postcssLoaderOptions: {
|
|
// When using postCSS 8
|
|
implementation: require('postcss'),
|
|
},
|
|
},
|
|
},
|
|
'@storybook/addon-mdx-gfm'
|
|
],
|
|
framework: {
|
|
name: '@storybook/nextjs',
|
|
options: {},
|
|
},
|
|
docs: {
|
|
autodocs: 'tag',
|
|
},
|
|
staticDirs: ['..\\public'],
|
|
};
|
|
export default config;
|
|
|