@mekari/mekari-ui-vue/src/components/FormTextarea/stories/FormTextarea.stories.mdx

--- 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 { Meta, Story, Canvas, ArgsTable, Anchor } from '@storybook/addon-docs/blocks';
import FormTextareaIntroduction from './content/FormTextareaIntroduction.mdx';

import {
  iconColors,
  parametersDefault,
  argTypesDefault,
} from './config';

import MFormTextarea from '../../FormTextarea';

<Meta title="Form Textarea" component={MFormTextarea} />

export const Template = (args) => ({
  props: Object.keys(argTypesDefault),
  components: { MFormTextarea },
  template: `
    <m-form-textarea
      :id="id"
      :aria-invalid="ariaInvalid"
      :autocomplete="autocomplete"
      :autofocus="autofocus"
      :debounce="debounce"
      :disabled="disabled"
      :form="form"
      :formatter="formatter"
      :lazy="lazy"
      :lazy-formatter="lazyFormatter"
      :max-rows="maxRows"
      :name="name"
      :no-auto-shrink="noAutoShrink"
      :no-resize="noResize"
      :number="number"
      :placeholder="placeholder"
      :plaintext="plaintext"
      :readonly="readonly"
      :required="required"
      :rows="rows"
      :size="size"
      :state="state"
      :trim="trim"
      :value="value"
      :wrap="wrap"
    />
  `
});

# Form Textarea

<FormTextareaIntroduction />

<Anchor storyId="form-textarea--default-story"></Anchor>

## Default

<Canvas>
  <Story
    name="Default"
    argTypes={{ ...argTypesDefault }}
    parameters={{ ...parametersDefault() }}  
  >
    {Template.bind({})}
  </Story>
</Canvas>

<ArgsTable story="Default" />