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.