Skip to content
This repository has been archived by the owner on Jul 17, 2022. It is now read-only.

Usage Guidance

Irfan Maulana edited this page Dec 11, 2017 · 11 revisions

Add Simplert from CDN

Just add this script link, replace latest with spesific version you want, ex : 0.5.1

<script src="https://unpkg.com/vue2-simplert@latest/dist/simplert.bundle.js"></script>

[Non-SSR] Import Simplert from node_modules

You need run npm install vue2-simplert --save first, then import simplert to your component like

import Simplert from 'vue2-simplert'

[SSR] Import Simplert from node_modules for SSR

You need run npm install vue2-simplert --save first, then import simplert to your component like

import Simplert from 'vue2-simplert/dist/simplert.common.js'
require('vue2-simplert/dist/simplert.common.css')

Refer Simplert to components

<script>
export default {
   components: {Simplert}
};
</script>

Template

<simplert :useRadius="true"
          :useIcon="true"
          ref="simplert">
</simplert>

Open Simplert

let obj = {
   title: 'Custom Function',
   message: 'Click close to trigger custom function',
   type: 'info',
   onClose: this.onClose
}
this.$refs.simplert.openSimplert(obj)