igg-vue-call-to-action

Example

Install

npm install igg-vue-call-to-action
// or
yarn add igg-vue-call-to-action

Simple Usage

<template>
  <div>
    <igg-vue-call-to-action>
      <button @click="showModal = true">
    </igg-vue-call-to-action>
    <igg-vue-call-to-action-modal>
      modal here!!
    </igg-vue-call-to-action-modal>
  </div>
</template>

<script>
import { IggVueCallToAction, IggVueCallToActionModal } from 'igg-vue-call-to-action'
import 'igg-vue-call-to-action/dist/igg-vue-call-to-action.css'

export default {
  components: {
    'igg-vue-call-to-action': IggVueCallToAction,
    'igg-vue-call-to-action-modal' IggVueCallToActionModal
  },
  data() {
    return {
      show: false
    }
  }
}
</script>

Plugin

import Vue from 'vue'
import IggVueCallToAction from 'igg-vue-call-to-action'
import 'igg-vue-call-to-action/dist/igg-vue-call-to-action.css'

Vue.use(IggVueCallToAction)

Typescript

Must declare module in th-shim.d.ts

declare module 'igg-vue-call-to-action'

API

igg-vue-call-to-action

Props

| Name | Type | Default | Description | |------|------|---------|----------------------------------| | timeout | Number | 2000 | Call to action appear time (milliseconds). | | forceHidden | Boolean | false | Force hidden. |

Slots

| Name | Description | |------|-------------| | default | The default Vue slot. |

igg-vue-call-to-action-modal

Props

| Name | Type | Default | Description | |--------|------|---------|-------------| | v-model | Boolean | Boolean | The modal's value. | | id | String | myCallToActionModal | The modal's Id. |

Slots

| Name | Description | |------|------| | default | The default Vue slot. |