Addon-backgrounds: Add parameter to enable grid by default

Is your feature request related to a problem? Please describe. No.

Describe the solution you’d like I’d like a new Options Parameter to control the initial setting of the “Toggle Background Grid” setting, e.g. showBackgroundGrid, so that I can enable it by default.

Describe alternatives you’ve considered According to https://github.com/storybookjs/storybook/issues/5853#issuecomment-475466382 it looks like it’s possible to implement your own grid with the Storybook Background Addon.

Are you able to assist bring the feature to reality? No.

Additional context I think that should be enough info, but let me know if there’s anything else I can provide. Thanks!

[morficus]

bumping this ticket again. would really love this option w/o a workaround

[anrusina]

Was able to achieve it with next values in preview.js:

export const globals = {
  backgrounds: {
    grid: true, //enable grid by default
  },
};

export const parameters = {
  ... 
  backgrounds: {
    default: 'neutral',
    values: [
      { name: 'white', value: '#fff' },
      { name: 'neutral', value: '#f5f3ef' },
      { name: 'black', value: '#000' },
    ],
  },
};

If I use both grid: true and default: 'neutral', in parameters/backgrounds section - grid would still be turned off by default 😦