@mekari/mekari-ui-vue/src/components/ButtonGroup/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-reboot-bootstrap.css';
import '@mekari/mekari-ui-toolkit/dist/css/components/mekari-ui-form.css';

export default {
  // Props
  ariaRole: {
    control: {
      type: 'text',
    },
    table: {
      type: {
        summary: 'String',
      },
    },
    description: 'Sets the ARIA attribute `role` to a specific value',
  },
  size: {
    control: {
      type: 'select',
      options: ['sm', 'md', 'lg'],
    },
    table: {
      type: {
        summary: 'String',
      },
    },
    description: 'Set the size of the component\'s appearance. `sm`, `md` (default), or `lg`',
  },
  tag: {
    control: {
      type: 'text',
    },
    table: {
      type: {
        summary: 'String',
      },
    },
    description: 'Specify the HTML tag to render instead of the default tag',
  },
  vertical: {
    control: {
      type: 'boolean',
    },
    table: {
      type: {
        summary: 'Boolean',
      },
    },
    description: 'When set, rendered the button group in vertical mode',
  },
  // Slot
  default: {
    control: {
      type: null,
    },
    table: {
      type: {
        summary: null,
      },
    },
    description: 'Content (buttons) to place in the button group',
  },
};