@centreon/react-components/stories/Checkbox.js

react components used by centreon web frontend

/* eslint-disable react/jsx-filename-extension */
/* eslint-disable import/no-extraneous-dependencies */

import React from 'react';
import { storiesOf } from '@storybook/react';
import { Checkbox } from '../src';

storiesOf('Checkbox Button', module).add(
  'Checkbox Button - with title',
  () => <Checkbox label="test" name="test" />,
  { notes: 'A very simple component' },
);

storiesOf('Checkbox Button', module).add(
  'Checkbox Button Checked - with title',
  () => <Checkbox label="test" checked name="test" id="test" />,
  { notes: 'A very simple component' },
);

storiesOf('Checkbox Button', module).add(
  'Checkbox Button - without title',
  () => <Checkbox name="test" />,
  { notes: 'A very simple component' },
);

storiesOf('Checkbox Button', module).add(
  'Checkbox Button Checked - without title',
  () => <Checkbox checked name="test" />,
  { notes: 'A very simple component' },
);

storiesOf('Checkbox Button', module).add(
  'Checkbox Button green - without title',
  () => <Checkbox name="all-hosts" iconColor="green" />,
  { notes: 'A very simple component' },
);

storiesOf('Checkbox Button', module).add(
  'Checkbox Button green Checked - without title',
  () => <Checkbox name="all-hosts" iconColor="green" checked />,
  { notes: 'A very simple component' },
);