Toast Message

GITHUB

To show toast message (alert, custom messages) use this component.


Code:

  
HTML
<fvMain parent> <fvToast v-model="toast" :timeout="3500"> <!-- Toast Contents --> </fvToast> </fvMain>
  
Javascript
export default { data () { return { toast: false } } }

Examples:



Notes:

  • fvToast should atleast one fvMain parent with parent prop.

API:

NameTypeDefaultDescription
value
Boolean
false
Visibility of toast.
timeout
Number
3000
Miliseconds time to automatic fire input event to change value key after toast show.
NameParamsDescription
input
newValue
Fired when component request to change value.
open
---
Fired when toast opened.
close
---
Fired when toast closed.
NameDescription
default
---