How to use the @storybook/addon-backgrounds/vue function in @storybook/addon-backgrounds

To help you get started, we’ve selected a few @storybook/addon-backgrounds examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github FGRibreau / ui-predicate / packages / ui-predicate-vue / src / ui-predicate.stories.js View on Github external
date,
  number,
  text,*/
  select,
  withKnobs,
} from '@storybook/addon-knobs/vue';

import { DEFAULT_CONFIG, DATASETS } from './__fixtures__';
const { UITypes } = require('ui-predicate-core');

storiesOf('ui-predicate', module)
  .addDecorator(Centered)
  .addDecorator(withKnobs)
  .addDecorator(withNotes)
  .addDecorator(
    backgrounds([
      {
        name: 'gray',
        value: 'whitesmoke',
        default: true,
      },
      {
        name: 'twitter',
        value: '#00aced',
      },
      {
        name: 'facebook',
        value: '#3b5998',
      },
    ])
  )
  .add(

@storybook/addon-backgrounds

Switch backgrounds to view components in different settings

MIT
Latest version published 2 days ago

Package Health Score

95 / 100
Full package analysis