igg-vue-call-to-action
1.0.12 • Public • Published
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. |
Readme
Keywords
nonePackage Sidebar
Install
npm i igg-vue-call-to-action
Weekly Downloads