storybook/docs/_snippets/storybook-preview-migrate-backgrounds-globals.md

1.5 KiB

export default {
  parameters: {
    backgrounds: {
      values: [
        { name: 'twitter', value: '#00aced' },
        { name: 'facebook', value: '#3b5998' },
      ],
    },
  },
};
export default {
  parameters: {
    backgrounds: {
      options: {
        { name: 'twitter', value: '#00aced' },
        { name: 'facebook', value: '#3b5998' },
      },
    },
  },
};
// Replace your-renderer with the renderer you are using (e.g., react, vue3, angular, etc.)
import type { Preview } from '@storybook/your-renderer';

const preview: Preview = {
  parameters: {
    backgrounds: {
      values: [
        { name: 'twitter', value: '#00aced' },
        { name: 'facebook', value: '#3b5998' },
      ],
    },
  },
};

export default preview;
// Replace your-renderer with the renderer you are using (e.g., react, vue3, angular, etc.)
import type { Preview } from '@storybook/your-renderer';

const preview: Preview = {
  parameters: {
    backgrounds: {
      options: {
        { name: 'twitter', value: '#00aced' },
        { name: 'facebook', value: '#3b5998' },
      },
    },
  },
};

export default preview;