@mekari/mekari-ui-vue/src/components/Banner/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 { colorList, iconList } from '@/.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-banner.css';

export default {
  text: {
    description: 'Text of the banner',
  },
  variant: {
    control: {
      type: 'select',
      options: [...colorList],
    },
    description: 'Set the variant of the banner.',
  },
  hasIcon: {
    description: 'If set to `true`, it will show the preceeding icon of banner text. If set to `false`, it will hide the preceeding icon of banner text.',
  },
  openLinkNewTab: {
    description: 'If set to `true`, it will add `_blank` to banner link `target` attribute.',
  },
  iconVariant: {
    control: {
      type: 'select',
      options: [...iconList],
    },
    description: 'Set the icon variant that will preceed banner text.',
  },
  linkText: {
    description: 'Banner\'s link text',
  },
  linkHref: {
    description: 'Will set the attribute of href in banner\'s link',
  },
  // Slots
  default: {
    table: {
      type: null,

    },
    description: 'Default slot will be set as content of banner. More detail of the usage of this slot on `Custom Banner` section',
  },
};