Methods And Props

Available Props

You can add props in simplert component, example : for below version v0.1.0, use :

<simplert isUseRadius=true
          isUseIcon=true
          ref="simplert">
</simplert>

from v0.1.0 we change isUseRadius to useRadius and isUseIcon to useIcon and change default to TRUE.

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

Attribute	Value Type	Default Value	Description
isUseRadius (REMOVED in v0.1.0)	Boolean	false	true : will use radius, false : not use radius
isUseIcon (REMOVED in v0.1.0)	Boolean	false	true : will use icon, false : not use icon
useRadius	Boolean	true	true : will use radius, false : not use radius
useIcon	Boolean	true	true : will use icon, false : not use icon
ref	String	-	child reference, read here

Available Methods

You can call available methods in simplert with this.$refs.simplert.someMethod(), example :

var obj = {
  isShown: true,
  title: 'test',
  message: 'message',
  type: 'success',
  onClose: this.onClose
}
this.$refs.simplert.openSimplert(obj)

Method Name	Parameter	Description
closeOverlay	-
closeSimplert	-	close simplert popup
openSimplert	Object	open simplert popup with predifined object passed

Object Parameter Simplert

{
  title: 'test', //string -- title alert
  message: 'message', //string -- message alert
  type: 'success', //string -- type : info (default), success, warning, error
  customClass: '', //string -- custom class in simplert div
  customIconUrl: '', //string -- custom url custom image icon
  customCloseBtnText: '', //string -- close button text
  customCloseBtnClass: '', //string -- custom class fro button close
  onClose: this.onClose, //function -- when close triggered
  useConfirmBtn: false, //
  customConfirmBtnText: '', //
  customConfirmBtnClass: '', //
  onConfirm: this.onConfirm //
}