@storybook/react#addDecorator TypeScript Examples

/**
 * adds a common wrapper component around all stories to:
 *  - set the background color
 *  - include the theme & store providers
 *  - use Storybook parameters to customize the width of the wrapper
 */
addDecorator((StoryFn, ctx) => (
  <StoryWrapper centered={ctx.parameters.centered} contained={ctx.parameters.contained}>
    <StoryFn {...ctx} />
  </StoryWrapper>
));

addDecorator(withContexts(contexts));

addDecorator(withTests({ results }));

addDecorator(withNextRouter());

addDecorator(withThemeProvider);

// Apply decorators
addDecorator(withKnobs)

addDecorator(withA11y)

addDecorator(withPropsTable)

addDecorator(withTheme);

addDecorator(
  withKnobs({
    escapeHTML: false,
  }),
);

addDecorator(withTheme(handleThemeChange));

addDecorator(withKnobs);

addDecorator(withPaddedStory);