@mekari/mekari-ui-vue/src/components/Label/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';
import '@mekari/mekari-ui-toolkit/dist/css/components/mekari-ui-button.css';
import '@mekari/mekari-ui-toolkit/dist/css/components/mekari-ui-tooltip.css';

export const argTypesDefault = {
  // Props
  label: {
    control: {
      type: 'text',
    },
    defaultValue: 'Label',
    description: 'Set the text of the label.',
  },
  labelFor: {
    control: {
      type: 'text',
    },
    table: {
      type: {
        summary: 'string',
      },
      defaultValue: {
        summary: null,
      },
    },
    description: 'Set the for attribute in label element. Must be equal to the id attribute of the related element to bind them together.',
  },
  // Slot
  default: {
    table: {
      type: {
        summary: 'string',
      },
      defaultValue: {
        summary: '',
      },
    },
    description: 'Set the text of the label.',
  },
};

const codeDefault = `
<m-label>
  Label
</m-label>
`;

export const parametersDefault = {
  docs: { source: { code: codeDefault } },
};