storybookjs / storybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
https://storybook.js.org
MIT License
83.49k stars 9.13k forks source link

Controls: Add option to disable "save from controls" #28377

Open shilman opened 2 weeks ago

shilman commented 2 weeks ago

Discussed in https://github.com/storybookjs/storybook/discussions/27219

Originally posted by **MichaelAllenWarner** May 22, 2024 ### Summary The new feature for [creating and editing stories from controls](https://storybook.js.org/docs/essentials/controls#creating-and-editing-stories-from-controls) is great, but with my (idiosyncratic) setup it doesn't work, and I'd like to disable it since it just gets in the way. Is there a way to prevent that "You modified this story..." popup from appearing altogether when I use the Controls? ### Additional information _No response_ ### Create a reproduction _No response_
shilman commented 2 weeks ago

Proposal:

// .storybook/preview.js
export default {
  parameters: {
    controls: {
      disableSave: true
    }
  }
}
ghengeveld commented 2 weeks ago

Alternate proposal:

// .storybook/main.js
export default {
  addons: [
    {
      name: "@storybook/addon-essentials",
      options: {
        saveFromControls: false
      },
    },
  ],
};

Or when using addon-controls directly:

// .storybook/main.js
export default {
  addons: [
    {
      name: "@storybook/addon-controls",
      options: {
        saveFromControls: false
      },
    },
  ],
};