@mekari/mekari-ui-vue/src/components/Icon/stories/content/IconIntroduction.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/reboot-bootstrap`
> - `./css/utilities/utilities`
> - `./css/components/mekari-ui-icons`

The detail of styling and list of the icon can be seen on [icon styleguide](http://mekari-ui.sleekr.id/docs/1.0/components/icons/). Icon component can be divided into two categories:
- Default Icon
- Blankslate Icon