@mekari/mekari-ui-vue/src/components/Table/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

const argTypesDefault = {
  // Props
  columns: {
    description: 'Acts as a column and head of the table.',
  },
  values: {
    description: 'Acts as a row of table `(<td>)`.',
  },
  tableLayout: {
    control: {
      type: 'select',
      options: ['fixed', 'auto'],
    },
    description: 'Set the CSS table-layout property of table.',
  },
  sticky: {
    control: {
      type: 'select',
      options: [null, 'left', 'right', 'both'],
    },
    description: 'When set not `null`, it will make the first or last column of table become sticky.',
  },
  selectable: {
    control: {
      type: 'boolean',
    },
    description: 'When set to `true`, the checkbox will be shown on the left side of the row.',
  },
  // Slot
  default: {
    control: {
      type: 'slot',
    },
    table: {
      type: {
        summary: 'slot',
      },
    },
    description: 'Set the content inside the table. It will generate one content inside one row.',
  },
  blankSlate: {
    control: {
      type: 'slot',
    },
    table: {
      type: {
        summary: 'slot',
      },
    },
    description: 'To set the blank slate if the table is empty.',
  },
  bulkAction: {
    control: {
      type: 'slot',
    },
    table: {
      type: {
        summary: 'slot',
      },
    },
    description: 'Set the content inside the header of table, when the row is checked more than one.',
  },
  // Events
  'sort-update': {
    control: {
      type: null,
    },
    table: {
      type: {
        summary: 'String of columns.sortKey',
      },
    },
    description: 'Will be received if the table head as sortable.',
  },
  'pagination-update': {
    control: {
      type: null,
    },
    table: {
      type: {
        summary: 'Object',
      },
    },
    description: 'Will triggered when pagination is changed. The object emitted will be like: <br> `{ current_page: page, per_page: limit }`',
  },
  checked: {
    control: {
      type: null,
    },
    table: {
      type: {
        summary: 'Object',
      },
    },
    description: 'Will triggered when checkbox is changed. The object emitted will be like: <br> `{ [values index]: true | false, ... }` <br><br> For Example: <br> `{ 0: true, 1: false }`<br><br>',
  },
};

export default {
  argTypesDefault,
};