@mekari/mekari-ui-vue/src/components/Modal/stories/content/ModalIntroduction.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

> Available since version: `1.0.0`

> Styling from Mekari UI Toolkit that must be used on this component are (or with its `.scss`):
> - `./css/components/mekari-ui-reboot-bootstrap`
> - `./css/components/mekari-ui-modal`

Modal component is based on [BootstrapVue v2.21.1](https://bootstrap-vue.org/docs/components/modal), so for more information you can see the [BootstrapVue](https://bootstrap-vue.org/docs/components/modal) page.

You can import the Modal component with this:
```js
// on your main.js or app.js or whatever you called it.
// Before mounting the component, you need to use the modal plugin like this:

import Vue from 'vue'; // this is your local vue
import { MModalPlugin } from `@mekari/mekari-ui-vue`;

Vue.use(MModalPlugin);

// On your component, you can import the components from Modal like this:
import { MModal } from '@mekari/mekari-ui-vue/src';

// For more usage, you can see here:
// https://bootstrap-vue.org/docs/components/modal
```