@momentum-ui/react-collaboration/src/components/Checkbox/Checkbox.stories.args.ts

Cisco Momentum UI Framework for React Collaboration Applications

import { commonStyles } from '../../storybook/helper.stories.argtypes';

import { CHECKBOX_CONSTANTS as CONSTANTS } from '.';

const checkboxArgTypes = {
  label: {
    description: 'The label that the checkbox should have.',
    control: { type: 'text' },
    table: {
      type: {
        summary: 'string',
      },
      defaultValue: CONSTANTS.DEFAULTS.LABEL,
    },
  },
  description: {
    description: 'The description that the checkbox should have.',
    control: { type: 'text' },
    table: {
      type: {
        summary: 'string',
      },
      defaultValue: undefined,
    },
  },
  isSelected: {
    description: 'Whether the checkbox is selected or not',
    control: { type: 'boolean' },
    table: {
      type: {
        summary: 'boolean',
      },
      defaultValue: CONSTANTS.DEFAULTS.IS_SELECTED,
    },
  },
  isDisabled: {
    description: 'Whether the checkbox is disabled or not',
    control: { type: 'boolean' },
    table: {
      type: {
        summary: 'boolean',
      },
      defaultValue: CONSTANTS.DEFAULTS.IS_DISABLED,
    },
  },
  isIndeterminate: {
    description: 'Whether the checkbox should appear in an indeterminate state or not',
    control: { type: 'boolean' },
    table: {
      type: {
        summary: 'boolean',
      },
      defaultValue: CONSTANTS.DEFAULTS.IS_INDETERMINATE,
    },
  },
};

export { checkboxArgTypes };

export default {
  ...commonStyles,
  ...checkboxArgTypes,
};