- @storybook/addon-a11y: real-time axe-core accessibility panel per story - @storybook/addon-storysource: story source code panel in addons bar - @playwright/mcp: browser automation for visual screenshot feedback loop Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
33 lines
722 B
TypeScript
33 lines
722 B
TypeScript
import type { StorybookConfig } from '@storybook/react-vite';
|
|
|
|
const config: StorybookConfig = {
|
|
stories: ['../src/**/*.stories.@(ts|tsx)'],
|
|
addons: [
|
|
'@storybook/addon-essentials',
|
|
'@storybook/addon-a11y',
|
|
'@storybook/addon-designs',
|
|
{
|
|
name: '@storybook/addon-storysource',
|
|
options: {
|
|
loaderOptions: {
|
|
injectStoryParameters: true,
|
|
},
|
|
},
|
|
},
|
|
],
|
|
framework: {
|
|
name: '@storybook/react-vite',
|
|
options: {},
|
|
},
|
|
docs: {
|
|
autodocs: 'tag',
|
|
},
|
|
staticDirs: ['../brandassets'],
|
|
viteFinal: async (config) => {
|
|
// Inherit aliases from vite.config.ts automatically via react-vite framework
|
|
return config;
|
|
},
|
|
};
|
|
|
|
export default config;
|