sentry/docs-ui/components/multipleCheckbox.stories.js

import React from 'react';
import {withInfo} from '@storybook/addon-info';
import {action} from '@storybook/addon-actions';

import MultipleCheckbox from 'app/views/settings/components/forms/controls/multipleCheckbox';

export default {
  title: 'Forms/Controls',
};

export const _MultipleCheckbox = withInfo(
  'Multiple Checkbox Control (controlled only atm)'
)(() => (
  <MultipleCheckbox
    choices={[
      ['foo', 'Foo'],
      ['bar', 'Bar'],
      ['baz', 'Baz'],
    ]}
    value={['bar']}
    onChange={(v, e) => {
      action('MultipleCheckbox change')(v, e);
    }}
  />
));

_MultipleCheckbox.story = {
  name: 'MultipleCheckbox',
};