text: (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d21f49d"],{d8d7:function(t,o,e){"use strict";e.r(o);var n=function(){var t=this,o=t.$createElement,e=t._self._c||o;return e("z-container",[e("z-breadcrumbs",{attrs:{items:[{name:"Home",link:{name:"home"}},{name:"Components"},{name:"Toast",link:{name:"docsToast"}}]}}),e("h4",[t._v("Toast")]),e("p",[t._v("\n        Components:\n        "),e("code",[t._v("<z-toast>")])]),e("z-divider"),e("z-toast",{attrs:{closeBtn:""}},[e("h6",[t._v("Toast title")]),e("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])]),e("br"),e("z-toast",{attrs:{type:"primary",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}}),e("br"),e("z-toast",{attrs:{closeBtn:"",type:"success",title:"Success toast",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},on:{close:t.onCloseAlert}}),e("br"),e("z-divider",{attrs:{content:"FLOATING TOASTS"}}),e("br"),e("z-columns",[e("z-column",[e("z-button-group",{attrs:{block:""}},[e("z-button",{attrs:{size:"sm",click:t.openToastTop}},[t._v("Open (top)")]),e("z-button",{attrs:{size:"sm",click:t.openToastTopLeft}},[t._v("Open (top left)")]),e("z-button",{attrs:{size:"sm",click:t.openToastTopRight}},[t._v("Open (top right)")])],1)],1),e("z-column",[e("z-button-group",{attrs:{block:""}},[e("z-button",{attrs:{size:"sm",click:t.openToastBottom}},[t._v("Open (bottom)")]),e("z-button",{attrs:{size:"sm",click:t.openToastBottomLeft}},[t._v("Open (bottom left)")]),e("z-button",{attrs:{size:"sm",click:t.openToastBottomRight}},[t._v("Open (bottom right)")])],1)],1)],1),e("z-code",{attrs:{lang:"Vue"}},[t._v("\n...\n\nexport default {\n  name: 'ComponentName',\n  methods: {\n    openToastTop () {\n      this.$zutre.toast({\n        position: 'top',\n        type: 'success',\n        title: 'Custom success toast',\n        content: 'Seems like everything is fine. Vue is cool!',\n        closeBtn: true,\n        duration: 4000\n      })\n    },\n    openToastBottomLeft () {\n      this.$zutre.toast({\n        position: 'bottom left',\n        type: 'primary',\n        title: 'Custom error toast',\n        content: 'Seems like everything is fine. Vue is cool!',\n        closeBtn: true\n      })\n    }\n  },\n  ...\n}\n\n...\n")]),e("z-divider",{attrs:{content:"API"}}),e("h4",[t._v("API")]),e("h5",[t._v("Toast "),e("code",[t._v("<z-toast />")])]),e("z-table",{attrs:{scrollable:"",shrink:""}},[e("z-thead",[e("z-th",[t._v("Name")]),e("z-th",[t._v("Description")]),e("z-th",[t._v("Type")]),e("z-th",[t._v("Values")]),e("z-th",{attrs:{width:"100"}},[t._v("Default")])],1),e("z-tbody",[e("z-tr",[e("z-td",[e("code",[t._v("show")])]),e("z-td",[t._v("\n              set "),e("code",[t._v("false")]),t._v(" to close\n            ")]),e("z-td",[t._v("Boolean")]),e("z-td",[e("code",[t._v("true")]),t._v("/"),e("code",[t._v("false")])]),e("z-td",[t._v("true")])],1),e("z-tr",[e("z-td",[e("code",[t._v("duration")])]),e("z-td",[t._v("\n              set duration in ms after which toast component will be destroyed,"),e("br"),e("code",[t._v("0")]),t._v(" - persistent toast\n            ")]),e("z-td",[t._v("Number")]),e("z-td",[t._v("---")]),e("z-td",[t._v("0")])],1),e("z-tr",[e("z-td",[e("code",[t._v("position")])]),e("z-td",[t._v("\n              By default will display inline if no "),e("code",[t._v("position")]),t._v(" is provided\n            ")]),e("z-td",[t._v("String")]),e("z-td",[e("code",[t._v("top")]),t._v(", "),e("code",[t._v("top left")]),t._v(", "),e("code",[t._v("top right")]),t._v(","),e("br"),e("code",[t._v("bottom")]),t._v(", "),e("code",[t._v("bottom left")]),t._v(", "),e("code",[t._v("bottom right")])]),e("z-td",[t._v("---")])],1),e("z-tr",[e("z-td",[e("code",[t._v("closeBtn")])]),e("z-td",[t._v("\n              set "),e("code",[t._v("true")]),t._v(" to display close button\n            ")]),e("z-td",[t._v("Boolean")]),e("z-td",[e("code",[t._v("true")]),t._v("/"),e("code",[t._v("false")])]),e("z-td",[t._v("false")])],1),e("z-tr",[e("z-td",[e("code",[t._v("type")])]),e("z-td",[t._v("\n              toast type (color scheme)\n            ")]),e("z-td",[t._v("String")]),e("z-td",[e("code",[t._v("primary")]),t._v(", "),e("code",[t._v("success")]),t._v(", "),e("code",[t._v("warning")]),t._v(", "),e("code",[t._v("error")])]),e("z-td",[t._v("---")])],1),e("z-tr",[e("z-td",[e("code",[t._v("title")])]),e("z-td",[t._v("\n              toast title\n            ")]),e("z-td",[t._v("String")]),e("z-td",[t._v("---")]),e("z-td",[t._v("---")])],1),e("z-tr",[e("z-td",[e("code",[t._v("content")])]),e("z-td",[t._v("\n              toast content body\n            ")]),e("z-td",[t._v("String")]),e("z-td",[t._v("---")]),e("z-td",[t._v("---")])],1),e("z-tr",[e("z-th",{attrs:{colspan:"5"}},[t._v("EVENTS")])],1),e("z-tr",[e("z-td",[e("code",[t._v("close")])]),e("z-td",[t._v("\n              triggered when close button is pressed\n            ")]),e("z-td",[t._v("Boolean")]),e("z-td",[e("code",[t._v("true")])]),e("z-td",[t._v("---")])],1),e("z-tr",[e("z-td",[e("code",[t._v("open")])]),e("z-td",[t._v("\n              triggered on open\n            ")]),e("z-td",[t._v("Boolean")]),e("z-td",[e("code",[t._v("true")])]),e("z-td",[t._v("---")])],1)],1)],1)],1)},s=[],i={name:"DocsToast",methods:{onCloseAlert:function(){alert("close event triggered")},openToastTop:function(){this.$zutre.toast({position:"top",type:"success",title:"Custom success toast",content:"Seems like everything is fine. Vue is cool!",closeBtn:!0,duration:4e3})},openToastTopLeft:function(){this.$zutre.toast({position:"top left",type:"warning",title:"Custom warning toast",content:"Seems like everything is fine. Vue is cool!",closeBtn:!0,duration:3e3})},openToastTopRight:function(){this.$zutre.toast({position:"top right",type:"warning",title:"Custom warning toast",content:"Seems like everything is fine. Vue is cool!",closeBtn:!0,duration:2e3})},openToastBottom:function(){this.$zutre.toast({position:"bottom",type:"error",title:"Custom error toast",content:"Seems like everything is fine. Vue is cool!",closeBtn:!0,duration:4e3})},openToastBottomLeft:function(){this.$zutre.toast({position:"bottom left",type:"primary",title:"Custom primary persistent toast",content:"Seems like everything is fine. Vue is cool!",closeBtn:!0,duration:0})},openToastBottomRight:function(){this.$zutre.toast({position:"bottom right",title:"Custom bottom right toast",content:"Seems like everything is fine. Vue is cool!",duration:2e3})}}},r=i,c=e("2877"),a=Object(c["a"])(r,n,s,!1,null,null,null);a.options.__file="DocsToast.vue";o["default"]=a.exports}}]);
  //# sourceMappingURL=chunk-2d21f49d.8404c95f.js.map