@mekari/mekari-ui-vue/src/components/InputGroup/stories/config/index.js

--- General web components in Mekari. The components are made using vue.js as its framework. Styling of components on Mekari UI Vue uses [Mekari UI Toolkit](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-toolkit/src/master/). Don't forget to import

import '@/.storybook/story-config';
import '@mekari/mekari-ui-toolkit/dist/css/components/mekari-ui-icons.css';

const argTypesDefault = {
  // Props
  append: {
    table: {
      type: {
        summary: 'string',
      },
    },
    control: {
      type: 'text',
    },
    description: 'Text to append to the input group. This slot can be set as prop to with same name.',
  },
  appendHtml: {
    description: 'HTML string to append to the input group. Has precedence over `append` prop',
  },
  id: {
    description: 'Used to set the `id` attribute on the rendered content, and used as the base to generate any additional element IDs as needed',
  },
  prepend: {
    table: {
      type: {
        summary: 'string',
      },
    },
    control: {
      type: 'text',
    },
    description: 'Text to prepend to the input group. This slot can be set as prop to with same name.',
  },
  prependHtml: {
    description: 'HTML string to prepend to the input group. Has precedence over `prepend` prop',
  },
  size: {
    control: {
      type: 'select',
      options: ['sm', 'md', 'lg'],
    },
    description: 'Set the size of the component\'s appearance. `sm`, `md` (default), or `lg`',
  },
  tag: {
    description: 'Specify the HTML tag to render instead of the default tag',
  },
  // Slot
  default: {
    table: {
      type: {
        summary: 'string',
      },
    },
    description: 'Content to place in the input group',
  },
};

export default argTypesDefault;