@mekari/mekari-ui-vue/src/components/Text/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-tables.css';

export const argTypesDefault = {
  // Props
  text: {
    control: {
      type: 'text',
    },
    defaultValue: 'Text',
    description: 'Set the content of the text.',
  },
  type: {
    control: {
      type: 'select',
      options: ['page-title', 'stage-title', 'large-title', 'section', 'body', 'caption'],
    },
    table: {
      type: {
        summary: 'string',
      },
      defaultValue: {
        summary: 'body',
      },
    },
    defaultValue: 'body',
    description: 'Set the for type of the text.',
  },
  // Slot
  default: {
    table: {
      type: {
        summary: 'string',
      },
      defaultValue: {
        summary: '',
      },
    },
    defaultValue: 'Text',
    description: 'Set the content of the text.',
  },
};

const codeDefault = (type = 'body') => `<m-text type="${type}">Text</m-text>`;

export const parametersDefault = type => ({
  docs: { source: { code: codeDefault(type) } },
});