@storybook/csf-plugin

CSF Plugin

The CSF plugin reads CSF files and enriches their content via static analysis. It supports Webpack, Vite, and other bundlers using unplugin.

Source snippets

CSF plugin can add static source snippets to each story. For example:

export const Basic = () => <Button />;

Would be transformed to:

export const Basic = () => <Button />;
Basic.parameters = {
  storySource: {
    source: '() => <Button />',
  },
  ...Basic.parameters,
};

This allows @storybook/addon-docs to display the static source snippet.

Changelog

7.2.1

• Addon docs: Add safe check in Webpack preset - #23687, thanks @yannbf!
• Autodocs: Fix docs pages ignoring meta.id when calculating their ID - #23520, thanks @sookmax!
• CLI: Fix error logging being swallowed from dev/build failures - #23689, thanks @yannbf!
• Channels: Remove self-referencing in package.json - #23681, thanks @stof!
• UI: Fix ArgsTable empty state on docs - #23688, thanks @cdedreuille!
• UI: Improve controls addon - #23635, thanks @cdedreuille!