fbredius/storybook

View on GitHub
docs/snippets/common/storybook-addon-backgrounds-configure-backgrounds.js.mdx

Summary

Maintainability
Test Coverage
```js
// Button.stories.js|jsx|ts|tsx

import { Button } from './Button';

// To apply a set of backgrounds to all stories of Button:
export default {
  /* 👇 The title prop is optional.
   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
   * to learn how to generate automatic titles
   */
  title: 'Button',
  component: Button,
  parameters: {
    backgrounds: {
      default: 'twitter',
      values: [
        { name: 'twitter', value: '#00aced' },
        { name: 'facebook', value: '#3b5998' },
      ],
    },
  },
};
```